如何使用 $.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)