jQuery插件沖突

Question

我的主頁上有一個滑塊和新聞欄。

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

[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>

當我使用這種格式時，我的滑塊可以正常工作，但新聞自動收錄器會卡住。 滑塊使用第二，第三，第四和第五腳本。 第6個腳本用於新聞動態。 如果我在第一個腳本之后使用第六個腳本，則新聞自動收錄器可以正常工作。 但是，然后滑塊不起作用。

我應該如何使用它們使它們同時工作？

謝謝。

Answer 1

如果插件確實不兼容，並且您不想編輯它們以解決沖突，則可以將其中一個放入iframe中以隔離它，這可能是一種解決方案...尤其是如果它們是不兼容的獨立組件交流回到頁面的其余部分...

Answer 2

嘗試這個

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

在第5個腳本和第6個腳本之間使用上面的代碼，並在第6個js中使用jQuery而不是$ ，這可能會有所幫助