我目前正在制作一个表单,用于将新成员上传到网页。我使用JotForm构建了表单,其中包含用于控制样式的js文件(隐藏/显示字段,需要变为红色的字段等)。多个JavaScript文件冲突
此表单的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选项 - 请参阅文档https://api.jquery.com/jquery.noconflict/ – jeff
试图坚持一些原型扩展.. http://www.defusion.org.uk/code/javascript -image-cropper-ui-using-prototype-scriptaculous/ – webdeb
我已经看过文档,并在每个人的建议使用'jquery.noConflict()',但没有建议的解决方案工作。我不完全确定我的冲突问题甚至与jQuery相关。我希望有人可以看看来源,并提供更具体的答案 –