多個JavaScript文件衝突

我目前正在製作一個表單，用於將新成員上傳到網頁。我使用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

來源

2015-11-28 Peter Bloxidge

看起來原型與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相關。我希望有人可以看看來源，並提供更具體的答案 –

略我的錯，因爲我意識到有一個與index.js或jquery.cropit.js沒有衝突，它實際上是我忘記了在我的<body>底部的一些嵌入式jQuery在那裏。我現在執行jQuery.noConflict()正常的方式，它工作正常。謝謝你的幫助。

來源

2015-11-29 03:37:53

多個JavaScript文件衝突

回答

相關問題