2 个 jquery 脚本单独工作正常...但是当在同一页面上时都不起作用

Question

你好，我有 2 个脚本，1 是精美的弹出框内联文本，另一个是 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
   });
});

Answer 1

因为第二个脚本存在语法错误。

这应该有效。

$(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
    });
});

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

Answer 2

如果你搜索这个问题，你会发现很多人都有同样的问题。这两个工具都是 jQuery 插件，因此它们可能有一些冲突的代码。

如果您无法修复插件内的错误，您可能需要替换其中一个插件，例如使用 nivoo slider< /a>，nivo 从 jQuery 到 Mootools 的端口。