2016-01-09 4 views
0

Я строю тему WordPress (обучение действительно) и правильно настроил файл настроек (из другого учебника), а jquery загружается и работает.Функция jquery не стреляет в Wordpress тему

Однако в шаблоне bootstrap я конвертирую некоторые вызовы функций, которые никогда не срабатывают. Функции выглядеть в моем файле custom.js:

jQuery(document).ready(function() { 
      App.init(); 
      OwlCarousel.initOwlCarousel(); 
      ParallaxSlider.initParallaxSlider(); 
     }); 
    alert ("test"); 

В качестве теста я поставил аварийный вызов и обнаружил, что он стреляет нормально вне document.ready функции. Если я вытащил вызовы за пределы документа, они все равно не срабатывают. Но я почти уверен, что файлы js, которые им нужны, загружены отлично.

У меня, вероятно, отсутствует что-то очень простое. Спасибо за любую помощь

+0

Где JS файлы загружаются? Вы должны добавить все js-файлы в конец до окончания тега body, сначала jquery, затем другие js-файлы, а затем ваш пользовательский js-файл в конце. Все скрипты, установленные в WordPress в wp_footer в functions.php, обычно. – uzma

+0

Вы загрузили все файлы js? –

+0

И ваша консоль отладчика браузера определенно проведет вас по ошибкам. – uzma

ответ

0

Если методы, которые вы называете ожидает использовать $ вместо jQuery, вы можете можете сделать анонимную функцию, обернутой вокруг вашего кода, и передать jQuery в качестве параметра, например так:

(function($){ 
    $(document).ready(function() { 
     App.init(); 
     OwlCarousel.initOwlCarousel(); 
     ParallaxSlider.initParallaxSlider(); 
    }); 
})(jQuery); 

Я добавил первую и последнюю строки и сменил оригинал jQuery(document) на $(document).

Более подробную информацию о том, как $ работает в этой ситуации включены в этот вопрос: jQuery syntax - when to use $ (dollar) vs jQuery

Смежные вопросы