2个jquery脚本分别运行良好。。。但当在同一页上时,这两种方法都不起作用

2个jquery脚本分别运行良好。。。但当在同一页上时,这两种方法都不起作用,jquery,fancybox,nivo-slider,Jquery,Fancybox,Nivo Slider,嗨,我有两个脚本,一个是花哨的弹出框内联文本,另一个是一个nivo图像滑块,它们自己都很好用,但是当在页面的头部运行时,它们都不起作用,有什么想法吗?这是两个脚本 $(document).ready(function() { $("#various1").fancybox(); }); 还有滑块 $(window).load(function() { $('#slider').nivoSlider({ effect:'fade', // Specify set

嗨,我有两个脚本,一个是花哨的弹出框内联文本,另一个是一个nivo图像滑块,它们自己都很好用,但是当在页面的头部运行时,它们都不起作用,有什么想法吗?这是两个脚本

$(document).ready(function() {
   $("#various1").fancybox();   
});
还有滑块

$(window).load(function() {
   $('#slider').nivoSlider({
        effect:'fade', // Specify sets like: 'fold,fade,sliceDown'
        directionNavHide:false, // Only show on hover    
        pauseOnHover:true, // Stop animation while hovering
        manualAdvance:true, // Force manual transitions
   });
});

因为第二个脚本有语法错误

这应该行得通

$(window).load(function() {
    $('#slider').nivoSlider({
      effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
      directionNavHide: false, // Only show on hover    
      pauseOnHover: true, // Stop animation while hovering
      manualAdvance: true // Force manual transitions
    });
});

另外,我删除了最后一个逗号,因为没有列出更多的内容,而且该逗号可能会在某些浏览器上导致问题。

如果您搜索该问题,您会发现很多人都有相同的问题。这两个工具都是jQuery插件,所以它们可能有一些冲突的代码


如果您无法修复插件中的错误,您可能需要替换其中一个插件,例如,使用从jQuery到Mootools的nivo端口。

您能解释一下什么是有效的还是无效的吗?控制台中是否报告了任何错误?我还看到JavaScript中有一个错误});});在滑块上进行注释。把它放在下一行。你得到了什么样的JS错误?第二个脚本有问题。您注释了结束括号..从nivoSlider的最后一行删除逗号。。。从
manualAdvance:true,
manualAdvance:true
另外,从nivoSlider选项哈希中删除最后一个逗号。有趣的是:您能指出语法错误在哪里吗?所以我们都可以学习。就我个人而言,我看不出你的代码与上面发布的代码有什么区别(除了一些空格和最后一个试用逗号)。@JFK:OP编辑了问题并更正了错误的代码部分,可能是在创建问题时复制和粘贴过程中的输入错误。最后一个逗号是现在唯一剩下的问题,因为像旧IE这样的浏览器会产生语法错误,并且不会执行脚本。如果OP不应该编辑问题,我们永远也不会知道。谢谢@JFK实际上,在决定发布问题/答案之前,最好先阅读问题预览,这样以后就不必编辑了。。。无论如何,您可以点击OP profile框旁边的“编辑xx天前”链接,查看对问题/答案所做的每一次编辑。正如你所看到的,问题的第一个版本格式非常糟糕。。。曼苏克通过编辑提高了可读性。