nivo滑块和灯箱冲突jquery答案

【问题标题】：nivo slider and lightbox conflict jquerynivo滑块和灯箱冲突jquery
【发布时间】：2013-03-28 11:58:55
【问题描述】：

任何人都可以帮助我使用这个 jquery 功能。我知道这是两者的冲突，但我不知道我必须改变什么。

它在页面上都允许使用。但是加在一起的灯箱不起作用。

灯箱

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

Nivo 滑块

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="slider/jquery.nivo.slider.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
    effect:'fade',
    slices:10,
    animSpeed:1500,
    pauseTime:10000,
    directionNav:true, //Next & Prev
    directionNavHide:true, //Only show on hover
    controlNav:true, //1,2,3...
    keyboardNav:true, //Use left & right arrows
    pauseOnHover:true, //Stop animation while hovering
    manualAdvance:false, //Force manual transitions
    captionOpacity:0.8, //Universal caption opacity
    beforeChange: function(){},
    afterChange: function(){},
    slideshowEnd: function(){} //Triggers after all slides have been shown
    });
  });
 </script>

【问题讨论】：

标签： jquery lightbox nivo-slider

【解决方案1】：

试试这个：

<script type="text/javascript">
var j = jQuery.noConflict();
j(window).load(function() {
  j('#slider').nivoSlider({

【讨论】：

【解决方案2】：

只是说我有同样的问题。

插件：

原生画廊的jQuery灯箱
适用于 WordPress 的 Nivo 滑块

我通过删除第 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

希望对你有帮助。

【讨论】：