jquery下拉不在服务器上触发，在桌面上工作

Question

我被递交了一个脚本来为客户更新一个网页（另一个团队成员写了Jquery），他递给我所有的测试文件。在本地运行，jquery下拉（非常简单）工作得很好。

我将代码移植到ExpressionEngine上，但它没有做任何事情。我知道Jquery本身运行良好，因为滑块和由它驱动的其他元素正常工作。该下拉只是没有做任何事情。

好奇，我插设在function.js进入命令行jQuery函数和它的工作..

左右，纠正我，如果我错了这里，看来它没有运行功能负载？这里的任何想法？

$(window).load(function() { 
    $('.slider').flexslider({ 
     animation: "slide", 
     slideshowSpeed: 6000, 
     animationSpeed: 800, 
     pauseOnAction: false 
    }); 

    $('.testimonials .flexslider').flexslider({ 
     animation: "slide", 
     slideshowSpeed: 600000, 
     animationSpeed: 800, 
     pauseOnAction: false, 
     directionNav: false 
    }); 

    $('.nav li').hover(function() { 
     $('.sub-menu', this).stop(true, true).slideDown(); 
    }, function() { 
     $('.sub-menu', this).slideUp(); 
    }); 
}); 

^准系统简单。唯一改变的代码是html（用于菜单），CSS（用于样式子元素）和这个function.JS文件。

这里是 '老' 版本：

$(window).load(function() { 
$('.slider').flexslider({ 
    animation: "slide", 
    slideshowSpeed: 6000, 
    animationSpeed: 800, 
    pauseOnAction: false 
}); 

$('.testimonials .flexslider').flexslider({ 
    animation: "slide", 
    slideshowSpeed: 600000, 
    animationSpeed: 800, 
    pauseOnAction: false, 
    directionNav: false 
}); 

}）;

这样一个小问题，但它是阻止我。有什么想法吗？

Answer 1

这可能不会有所作为，但尝试改变$(window).load(function() {到$(document).ready(funciton() {或$(function() {

Futher阅读： window.onload vs $(document).ready()

在window.onload是内置的Javascript事件，但作为其实现（FF/IE6/IE8/Opera）

此外，请确保您环绕您的jQue在if ($(selector).length)检查RY选择，如果它们不存在的页面，它会导致错误和脚本将停止处理：

$(function() { 
    if ($('.slider').length) { 
     $('.slider').flexslider({ 
      animation: "slide", 
      slideshowSpeed: 6000, 
      animationSpeed: 800, 
      pauseOnAction: false 
     }); 
    }; 

    if ($('.testimonials .flexslider').length) { 
     $('.testimonials .flexslider').flexslider({ 
      animation: "slide", 
      slideshowSpeed: 600000, 
      animationSpeed: 800, 
      pauseOnAction: false, 
      directionNav: false 
     }); 
    }; 

    if ($('.nav li').length) { 
     $('.nav li').hover(function() { 
      $('.sub-menu', this).stop(true, true).slideDown(); 
     }, function() { 
      $('.sub-menu', this).slideUp(); 
     }); 
    }); 

}); 

http://jsfiddle.net/p5JpP/1/