2012-06-08 65 views
1

我在我的主頁有一個滑塊和新聞自動收報器。jquery插件衝突

我在頭標中使用了以下編碼。

[1]<script type="text/javascript" src="..js/jquery.core.js"></script> 
[2]<script type="text/javascript" src="..js/jquery.superfish.js"></script> 
[3]<script type="text/javascript" src="..js/jquery.jcarousel.pack.js"></script> 
[4]<script type="text/javascript" src="..js/jquery.easing.js"></script> 
[5]<script type="text/javascript" src="..js/jquery.scripts.js"></script> 
[6]<script type="text/javascript" src="..js/common.js"></script> 

當我使用這種格式時,我的滑塊工作正常,但新聞股票卡住了。 滑塊使用第2,3,4和5個腳本。 第6個腳本用於新聞報道。 如果我在第一個新聞自動收報機正常工作後使用第6個腳本。但然後滑塊不起作用。

我應該如何使用它們來使兩個工作?

謝謝。

+0

如果我在你的位置,我只是不會使用框架。沒有框架,沒有衝突,因爲我會單獨命名我的腳本元素(或者更好地將它們放在自己的閉包中,因此沒有全局變量留下) –

+0

@Kolink我認爲這太嚴格了。在使用插件/框架之前閱讀源代碼並驗證質量如何?但我想大多數jQuery插件不會通過這個,所以真的有很大的區別:D – Esailija

回答

1

如果插件真的不兼容,並且您不想編輯它們來解決衝突,那麼可能會將解決方案中的一個放在iframe中以隔離它... 特別是如果它們是隔離的不回頁面的其餘部分通信的組件......

0

試試這個

<script type="text/javascript"> 
if (typeof jQuery !== 'undefined') { 
    jQuery.noConflict(); 
} 
</script> 

使用第5和第6腳本之間的上述代碼,並在使用jQuery,而不是$第六個JS,它可能有幫助