JQuery не работает на сервере, работает на рабочем столе

Question

Мне вручили скрипт для обновления веб-страницы для клиента (другой член команды написал JQuery), и он вручил мне все свои тестовые файлы. Запуск локально, jquery drop down (очень простой) работал отлично.

Я портировал код ExpressionEngine, но он ничего не делает. Я знаю, что сам JQuery работает нормально, потому что слайдер и другие элементы, работающие на нем, работают надлежащим образом. Выпадающий просто ничего не делает.

Заинтересовавшись, я вставил функцию Jquery, расположенную в 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 
    }); 

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

^Barebones simple. Единственным измененным кодом был html (для меню), CSS (для стилей подэлементов) и этот файл functions.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 Ry селекторы в if ($(selector).length) проверки, если они не присутствуют на странице, то это вызовет ошибку и сценарии будут останавливать обработку:

$(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/