2个jquery脚本可以单独工作......但是在同一页面上都不能正常工作

时间:2011-11-25 16:50:34

标签: jquery fancybox nivo-slider

你好我有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
   });
});

2 个答案:

答案 0 :(得分:3)

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

这应该有用。

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

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

答案 1 :(得分:0)

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

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