jQuery 滑块和 jQuery 灯箱不能一起工作

Question

我有一个 jquery 滑块和一个 jquery 灯箱。我希望它们都能在我的网站上同时工作。但我收到错误。那么有什么办法可以做到吗？

http://www.highesthits.com/wp-content/uploads /2011/02/fbox.js

http ://nivo.dev7studios.com/scripts/nivo-slider/jquery.nivo.slider.pack.js

Answer 1

jQuery 和 Lightbox 都使用 $.

要同时使用两者而不发生冲突，请使用以下代码将 jQuery 中的 $ 更改为其他内容：（请注意 $jQ 可以是任何内容）

var $jQ = jQuery.noConflict();

现在，在编写 jQuery 文件时，在通常使用 $ 的地方使用 $jQ

// JavaScript Document
var $jQ = jQuery.noConflict();
 $jQ(document).ready(function(){
   //function on links <a> 
   $jQ("a").click(function(event){
     //add a class to your html
     //<p class="hideMe">
     $jQ(".hideMe").hide("slow");
     event.preventDefault();
   });
 });//end document ready function

Answer 2

这是对我有用的：

插件：

• jQuery Lightbox For Native Galleries
• Nivo Slider for WordPress

我通过删除第 32 行使其工作：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

来自位于 \plugins\nivo-slider-for-wordpress\ 的 nivoslider4wp-shop.php

我希望有帮助。