如何使用 $.noConflict() 修復 Lightbox2 問題？

Question

我已將圖像導入我的網站。 我想用 lightbox2 打開這些圖片。 我已經安裝了 lightbox2-drupalmodule，它可以在我的首頁 (www.chirowijkoersel.be) 上運行，但它在我導入圖像的頁面上不起作用。

Lightbox 確實適用於 Opera。 我還注意到 lightbox2-module 將 class 添加到 Opera 中的圖像和其他所有瀏覽器的首頁上。

鏈接：

• 圖片頁面
• 首頁

編輯：我做了一些研究，我認為問題是由於多次使用 $. 我可以通過使用 $.noConflict() 來解決這個問題。 但是我需要把這個放在哪里？

Answer 1

可能是 javascript 沖突？

Answer 2

在導入 jQuery 之后，您可以將 $.noConflict() 放入腳本標記中。 所以如果你有類似的東西：

<script src="jQuery.js"></script>

已經，你只需要做：

<script src="jQuery.js"></script>
<script>$.noConflict();</script>

希望有幫助。

Answer 3

包裝你 javascript，並使用自調用函數

(function($){

      /// Your page code here
      // Here you can use $ 
      // We are passing jquery as $ to this self invoking function.
})(jquery)