JQuery插件衝突 - 組合腳本沒有衝突？

我已經搜索了很高的&低的解決方案，但無法弄清楚。我是javascript noob，所以我提前爲我的無知道歉。我非常感謝你能給予的幫助。JQuery插件衝突 - 組合腳本沒有衝突？

無論如何，我有兩個jquery插件運行在一個頁面上。一個是同位素，另一個是Fancybox。他們兩個單獨工作很好，但在一起，當圖像被點擊和Fancybox激活時，圖像不會自動調整大小以適應屏幕。有關插件的其他一切工作正常。

我有與這些腳本名爲.js：

https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js 
/js/jquery.isotope.js 
/js/jquery.fancybox.js 
/js/jquery.mousewheel-3.0.6.pack.js 
/js/jquery.fancybox-buttons.js

然後這個腳本文件中跟隨它：

$(function(){ 

    var $container = $('#container'); 

    $container.isotope({ 
    itemSelector: '.project' 
    }); 

}); 

$(".fancybox") 
.attr('rel', 'gallery') 
.fancybox({ 
    padding : 0 , 
    minWidth : 215 , 
    maxWidth : 900 , 
    autoSize : true , 
});

我已經試過各種方法，如no.conflict但無論是我做錯了或者不起作用。如果任何人可以就如何分離這些腳本提供一些建議，我會非常感激。

在此先感謝。

來源

2013-02-02 DecepticleEd

你是否收到任何javascript錯誤？ –

不，我正在使用Dreamweaver，它沒有提出任何錯誤，所以我認爲語法等是可以的。 – DecepticleEd

JavaScript錯誤將出現在您用來運行您的網站的瀏覽器中。 –

好的，我找到了一個修復程序。這有點奇怪，但是......無論如何。

我已將文檔內腳本分成兩個單獨的腳本，並且還將鏈接的.js文件移動到每個腳本上方。然後，我爲每個添加了一個單獨的jQuery庫的調用。所以現在有兩個調用jQuery的。它看起來像這樣：

https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js 
/js/jquery.fancybox.js 
/js/jquery.mousewheel-3.0.6.pack.js 
/js/jquery.fancybox-buttons.js 

$(".fancybox") 
    .attr('rel', 'gallery') 
    .fancybox({ 
     padding : 0 , 
     minWidth : 215 , 
     maxWidth : 900 , 
     autoSize : true , 
    }); 

https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js 
/js/jquery.isotope.js 

$(function(){ 
    var $container = $('#container'); 
     $container.isotope({ 
     itemSelector: '.project' 
    });  
});

我敢肯定這不是理想的，但它的工作原理，所以我不在乎太多。感謝Tim B James的幫助。

來源

2013-02-03 09:00:36 DecepticleEd

JQuery插件衝突 - 組合腳本沒有衝突？

回答

相關問題