多个javascript文件冲突答案

【问题标题】：Multiple javascript files conflict多个javascript文件冲突
【发布时间】：2016-03-02 04:37:51
【问题描述】：

我目前正在制作用于将新成员上传到网页的表单。我使用 JotForm 构建了表单，其中包括用于控制样式的 js 文件（隐藏/显示字段、所需字段变为红色等）

这个表单的 js 本身运行良好，但我还额外添加了图片裁剪/上传。当我在单独的网页中单独测试它时，这也有效，但现在结合表单，js冲突，我不知道如何阻止它。我的脚本头部分如下所示：

<!-- Jotform js -->
<script src="https://cdn.jotfor.ms/static/prototype.forms.js" type="text/javascript"></script>
<script src="https://cdn.jotfor.ms/static/jotform.forms.js?3.3.10027" type="text/javascript"></script>
<script type="text/javascript">
    JotForm.setConditions([{"action":[{"id":"action_0_1448505712729","visibility":"Show","isError":false,"field":"77"}],"id":"1448505521328","index":"0","link":"Any","priority":"0","terms":[{"id":"term_2_1448505712729","field":"68","operator":"equals","value":"Librarian","isError":false},{"id":"term_1448505745204","field":"68","operator":"equals","value":"Social Sec.","isError":false},{"id":"term_1448505752197","field":"68","operator":"equals","value":"Press & Publicity","isError":false},{"id":"term_1448505759596","field":"68","operator":"equals","value":"Webmaster","isError":false},{"id":"term_1448505768860","field":"68","operator":"equals","value":"Tour Manager","isError":false},{"id":"term_1448505778873","field":"68","operator":"equals","value":"Merch Rep.","isError":false},{"id":"term_1448505785856","field":"68","operator":"equals","value":"Ordinary Member","isError":false}],"type":"field"}]);
    JotForm.init(function(){
        setTimeout(function() {
            $('input_76').hint('e.g. 1st, 2nd, 3rd');
        }, 20);
        JotForm.clearFieldOnHide="disable";
        JotForm.onSubmissionError="jumpToSubmit";
    });
</script>
<!-- Image cropper js -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="js/jquery.cropit.js"></script>
<script src="js/index.js"></script>

因为prototype.forms.js 和jotform.forms.js 最先出现，所以它们似乎可以工作，而图像裁剪器却不能。如果我首先放置图像裁剪器文件，则会发生相反的情况并且图像裁剪器可以工作，但其他 javascript 不能。

读过这篇文章后，很多人都在谈论这是 jQuery 冲突，但我不完全确定问题/解决方案是什么。我想要的只是让这两个功能同时工作。

感谢所有帮助，谢谢。

来源（仅适用于图像裁剪器）：http://concert-band.co.uk/new/Forms/index2.php

来源（仅适用于表单验证）：http://concert-band.co.uk/new/Forms/index3.php

【问题讨论】：

看起来原型在 jQuery 中表现不佳。 jQuery 有一个 noconflict 选项 - 请参阅文档 api.jquery.com/jquery.noconflict
尝试坚持一些原型扩展。defusion.org.uk/code/…
我查看了文档，以及每个人对使用 jquery.noConflict() 的建议，但建议的解决方案均无效。我不完全确定我的冲突问题甚至与 jQuery 有关。我希望有人可以查看来源并提供更具体的答案
webdeb - 感谢您找到替代方案，但我坚持使用我目前在页面上使用的裁剪工具。
你试过这个stackoverflow.com/a/6272462/1908331 吗？我的意思是我阅读了您对jquery.noConflict() 的评论，但您是否尝试过添加第二个这也是必不可少的？

标签： javascript html forms conflict

【解决方案1】：

当我意识到与index.js 或jquery.cropit.js 没有冲突时，这是我的错，它实际上是我的<body> 底部的一些嵌入式jquery，我忘记了在那里。我现在以正常方式实现了jQuery.noConflict()，它工作正常。感谢您的帮助。

【讨论】：