如何使用 $.noConflict() 修复 Lightbox2 问题？

Question

我已将图像导入到我的网站。我想用 lightbox2 打开这些图像。我已经安装了 lightbox2-drupal 模块，它可以在我的首页 (www.chirowijkoersel.be) 上运行，但在我导入图像的页面上不起作用。

Lightbox 可以与 Opera 配合使用。我还注意到 lightbox2 模块为 Opera 中的图像以及其他所有浏览器的首页上的图像添加了一个类。

链接：

• 图片页面
• chirowijkoersel.be/" rel="nofollow">首页

编辑： 我做了一些研究，我认为问题是由多次使用 $ 引起的。我可以使用 $.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>

希望有帮助。