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/