Question

我目前正试图想出一个带有2个jquery滑块插件的网站，这些滑块有不同的功能，但我失败了。我之前单独实现了两个幻灯片，它们在所有浏览器中运行良好，但是当我尝试在同一页面上实现它们时，只有简单的滑块才能工作，而不是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>

这就是萤火虫告诉我的：

Webpage error details

Message: 'undefined' is null or not an object
Line: 12
Char: 388
Code: 0
URI: file:///D:/...../jquery.nivo.slider.pack.js

文件jquery.nivo.slider.pack.js中的整行第12行代码：

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=

注意事项：

当我尝试使用最新的jquery时，简单的滑块搞砸了
我决定不添加<script src="http://ajax.googleapis.com /ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>，因为它会重复jquery调用......
有问题的2个滑块是; nivo图像滑块和另一个简单的滑块，用于保持向左滑动甚至向右滑动，因为它有下一个＆amp;以前的按钮......

欢迎任何形式的帮助。

Answer 1

我刚升级到最新的jquery，它就像一个魅力...所有很久我都在使用最新的jquery但忘记添加扩展名.js因为我正在将文件名从我的文件管理器复制到代码中，所以不要使用“jquery-1.5.1.min.js”而是疯狂地把它扔进“jquery-1.5.1.min”：）

如何在同一网页上有2个jquery滑块插件（功能不同）？

1 个答案: