2013-02-08 84 views
-1

我在我的網頁上使用了fancybox。並使用另一個滑塊,使用以下JavaScript文件兩個javascript文件衝突

<script src="NewsSlider/Allmaritim.all.min.js" type="text/javascript"></script> 

問題是,fancybox不能正常工作。當我刪除上面的JavaScript文件,然後fancybox工作正常。

有什麼辦法讓JavaScript文件單獨工作。

+0

可能的重複http://stackoverflow.com/questions/14750081/two-javascript-files-are-conflicting-with-each-other – undefined

+0

你能告訴我們你得到的錯誤....去與控制檯消息.. – Gautam3164

+1

'jQuery.noConflict()'http://api.jquery.com/jQuery.noConflict/閱讀關於此。 – Jai

回答

2

問題可能是您在兩個文件中都定義了類似的函數[至少函數名稱]。你喜歡的盒子是否連接到點擊或加載事件?否則,請重新排列文件的包含方式:即將Allmaritim.all.min.js包含在您的花哨框腳本之後。如果這個文件在加載之前不是必需的,那麼您最好還是在頁面底部加入!

+0

oh than thanx。它適用於重新排序js文件。 –

0

您可以使用$ .noConflict();或jQuery.noConflict();

1

他們很可能既使用jQuery

嘗試調用jQuery.noConflict(true);的兩個JavaScript調用兩個腳本

0

之間有時JavaScript庫變量,與其他人的名字的衝突。與jQuery $變量有時可能會衝突其他庫。他們提供的解決方案是[noConflict]here。因此,您需要閱讀這些JavaScript庫的文檔以解決衝突問題。

0
<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/