多个JavaScript文件冲突
[英]Multiple javascript files conflict
问题描述
我目前正在制作一个将新成员上传到网页的表单。 我使用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
1 个解决方案
解决方案1
0 2015-11-29 03:37:53
当我意识到与index.js或jquery.cropit.js没有冲突时，这是我的一点错，实际上是在我忘记的<body>底部有一些嵌入式jquery。 我现在已经以正常方式实现了jQuery.noConflict() ，并且工作正常。 谢谢你的帮助。
两个文件中的Javascript冲突
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.