我在我的網頁上使用了fancybox。並使用另一個滑塊,使用以下JavaScript文件兩個javascript文件衝突
<script src="NewsSlider/Allmaritim.all.min.js" type="text/javascript"></script>
問題是,fancybox不能正常工作。當我刪除上面的JavaScript文件,然後fancybox工作正常。
有什麼辦法讓JavaScript文件單獨工作。
我在我的網頁上使用了fancybox。並使用另一個滑塊,使用以下JavaScript文件兩個javascript文件衝突
<script src="NewsSlider/Allmaritim.all.min.js" type="text/javascript"></script>
問題是,fancybox不能正常工作。當我刪除上面的JavaScript文件,然後fancybox工作正常。
有什麼辦法讓JavaScript文件單獨工作。
問題可能是您在兩個文件中都定義了類似的函數[至少函數名稱]。你喜歡的盒子是否連接到點擊或加載事件?否則,請重新排列文件的包含方式:即將Allmaritim.all.min.js包含在您的花哨框腳本之後。如果這個文件在加載之前不是必需的,那麼您最好還是在頁面底部加入!
oh than thanx。它適用於重新排序js文件。 –
您可以使用$ .noConflict();或jQuery.noConflict();
他們很可能既使用jQuery
嘗試調用jQuery.noConflict(true);
的兩個JavaScript調用兩個腳本
之間有時JavaScript庫變量,與其他人的名字的衝突。與jQuery
$變量有時可能會衝突其他庫。他們提供的解決方案是[noConflict]
here。因此,您需要閱讀這些JavaScript庫的文檔以解決衝突問題。
<html><head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="log">
<h3>Before $.noConflict(true)</h3>
</div>
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>
<script>
var $log = $("#log");
$log.append("2nd loaded jQuery version ($): " + $.fn.jquery + "<br>");
jq162 = jQuery.noConflict(true);
$log.append("<h3>After $.noConflict(true)</h3>");
$log.append("1st loaded jQuery version ($): " + $.fn.jquery + "<br>");
$log.append("2nd loaded jQuery version (jq162): " + jq162.fn.jquery + "<br>");
</script></body></html>
查看此示例代碼。 請參考此鏈接瞭解更多信息http://api.jquery.com/jQuery.noConflict/。
可能的重複http://stackoverflow.com/questions/14750081/two-javascript-files-are-conflicting-with-each-other – undefined
你能告訴我們你得到的錯誤....去與控制檯消息.. – Gautam3164
'jQuery.noConflict()'http://api.jquery.com/jQuery.noConflict/閱讀關於此。 – Jai