javascript - $.noConflict() を使用して Lightbox2 の問題を修正するにはどうすればよいですか?

Question

サイトに画像をインポートしました。これらの画像をlightbox2で開きたいです。lightbox2-drupalmodule をインストールしましたが、フロントページ (www.chirowijkoersel.be) では機能しますが、画像をインポートしたページでは機能しません。

Lightbox は Opera で動作します。また、lightbox2-module が Opera の画像と他のすべてのブラウザのフロントページにクラスを追加していることにも気付きました。

リンク:

• 画像ページ
• 表紙

編集：私はいくつかの調査を行いましたが、問題は $. $.noConflict() を使用してこれを解決できます。しかし、これをどこに置く必要がありますか？

Answer 1

javascriptをラップし、自己呼び出し関数を使用します

(function($){

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

Answer 2

それはJavaScriptの競合である可能性がありますか?

Answer 3

jQuery をインポートした直後に、スクリプト タグ内に $.noConflict() を配置します。したがって、次のようなものがある場合：

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

すでに、次のようにするだけです。

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

それが役立つことを願っています。