多個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.