Jquery plugins 如何在同一网页上有两个jquery滑块插件(功能不同)?

Jquery plugins 如何在同一网页上有两个jquery滑块插件(功能不同)?,jquery-plugins,Jquery Plugins,我目前正在尝试开发一个带有2个jquery滑块插件的网站,这些滑块有不同的工作方式,但我失败了。我以前已经分别实现了这两个幻灯片,它们在所有浏览器中都运行良好,但当我尝试在同一页面上实现它们时,它们不会运行,只有easy滑块可以运行,而nivo滑块不能 我曾尝试在网上搜索一些线索,但我确信我是jQuery甚至java的新手,这导致我无法找到问题的答案。现实一点,我尝试了他们提供的大多数解决方案,但都没有成功。尤其是“无冲突”的代码行,我在这里大声呼喊 这是我在网站上的jQuery代码: <

我目前正在尝试开发一个带有2个jquery滑块插件的网站,这些滑块有不同的工作方式,但我失败了。我以前已经分别实现了这两个幻灯片,它们在所有浏览器中都运行良好,但当我尝试在同一页面上实现它们时,它们不会运行,只有easy滑块可以运行,而nivo滑块不能

我曾尝试在网上搜索一些线索,但我确信我是jQuery甚至java的新手,这导致我无法找到问题的答案。现实一点,我尝试了他们提供的大多数解决方案,但都没有成功。尤其是“无冲突”的代码行,我在这里大声呼喊

这是我在网站上的jQuery代码:

<script type="text/javascript" src="jquery 1.2.3.js"></script>
<script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>

<script type="text/javascript" src="easySlider1.7.js"></script>
<script type="text/javascript">
        $(document).ready(function(){   
            $("#slider2").easySlider({
                auto: true, 
                continuous: true
            });
        }); 
    </script>
下面的第12行代码与文件
jquery.nivo.slider.pack.js中的代码相同:

Math.round(e.width()/f.slices);k==f.slices-1?e.append(a('<div class="nivo-slice"></div>').css({left:p*k+"px",width:e.width()-p*k+"px"})):e.append(a('<div class="nivo-slice"></div>').css({left:p*k+"px",width:p+"px"}))}e.append(a('<div class="nivo-caption"><p></p></div>').css({display:"none",opacity:f.captionOpacity}));if(g.currentImage.attr("title")!=""){k=g.currentImage.attr("title");if(k.substr(0,1)=="#")k=a(k).html();a(".nivo-caption p",e).html(k);a(".nivo-caption",e).fadeIn(f.animSpeed)}var l=
Math.round(e.width()/f.slices);k==f.slices-1?e.append(a(“”).css({left:p*k+“px”,width:e.width()-p*k+“px”)):e.append(a(“”).css({left:p*k+“px”,width:p+“px”)e.append(a(“

”).css({display:“none”),不透明:f.captionpacity});if(g.currentImage.attr(“title”)!=”{k=g.currentImage.attr(“title”);if(k.substr(0,1)=“#”)k=a(k).html();a(“.nivo caption p”,e).html(k);a(“.nivo caption”,e).fadeIn(f.animSpeed)}var l=
注意事项:

  • 当我尝试使用最新的jquery时,easy滑块就会出错
  • 我决定不添加
    ,因为它将重复jquery调用
  • 有问题的2个滑块是:;nivo图像滑块和另一个是一个简单的新闻滑块,自从它有了“下一个”和“上一个”按钮后,它一直向左甚至向右滑动

欢迎任何帮助。

我刚升级到最新的jquery,它工作起来很有魅力……我一直在使用最新的jquery,但忘记添加扩展名.js,因为我正在将文件名从我的文件管理器复制到代码中,所以我不会使用“jquery-1.5.1.min.js”,而是疯狂地将其作为“jquery-1.5.1.min”扔掉:)

我也有类似的问题。使用Nivo和jQuery 1.6.1时出现了相同的错误。回到1.4.2,修复了它。也许最近的版本也可以,只是我的脚本目录中有1.4.2版本,而且还可以:)
Math.round(e.width()/f.slices);k==f.slices-1?e.append(a('<div class="nivo-slice"></div>').css({left:p*k+"px",width:e.width()-p*k+"px"})):e.append(a('<div class="nivo-slice"></div>').css({left:p*k+"px",width:p+"px"}))}e.append(a('<div class="nivo-caption"><p></p></div>').css({display:"none",opacity:f.captionOpacity}));if(g.currentImage.attr("title")!=""){k=g.currentImage.attr("title");if(k.substr(0,1)=="#")k=a(k).html();a(".nivo-caption p",e).html(k);a(".nivo-caption",e).fadeIn(f.animSpeed)}var l=