2015-03-28 3 views
1

У меня есть некоторый код в простом html, и он отлично работает, но когда я добавляю Wordpress, он не работает. его простой JQuery слайдер, который я ставлю на жёстко в index.phpФункция jQuery не найдена в wordpress

вот как я добавляю скрипт

<script src="<?php echo PARENT_URL; ?>/js/bjqs.js" type="text/javascript"></script> 

здесь HTML, который я кладу в файле index.php после того, как тело тега

<div class="bjqs-slider"> 
    <ul class="bjqs"> 
     <li><img src="urlofimage.jpg" alt=""></li> 
     <li><img src="urlofimage.jpg" alt=""></li> 
     <li><img src="urlofimage.jpg" alt=""></li> 
    </ul> 
</div> 

и вот JQuery, где я звоню функции слайдера

$(".bjqs-slider").bjqs({ 
    animtype  : 'slide', 
    height  : 250, 
    width   : 300, 
    responsive : true, 
    randomstart : true 
}); 

так, когда я CHEC k, используя firebug, он показывает bjqs is not a function, но файл bjqs.js также загружается штрафом. и тот же код отлично работает в локальном html-файле

+1

1.) Существует ли в вашей библиотеке нагрузок правильно? 2.) Вы помещаете этот ползунок в свою библиотеку? вы должны проверить вкладку сети, если библиотека загружена. – Jai

+0

Да, он правильно загружается. когда я нажимаю ctrl + u и нажимаю на src, он показывает код библиотеки. также я проверил сетевую вкладку, загрузив ее правильно. другое дело, загрузка после загрузки jquery. Я попробовал другую библиотеку, которая также отлично работает на локальной странице html, но в wordpress дает ту же ошибку –

ответ

1

Проблема решена. проблема была в коде библиотеки. код библиотеки был, как это в начале

;(function($) {

и теперь я изменил к

$(function($) {

и он работал отлично.

+1

Просто так, чтобы вы знали, что первая версия кода DOM еще не загружена, а вторая - код после DOM загружается. Дополнительная информация - http://learn.jquery.com/using-jquery-core/document-ready/ – Kaloyan

0

путь файла bjqs.file является правильным? Mybe the src is Wrong.you можете зарегистрировать src файла bjqs.file, чтобы он был прав.

1

Попробуйте этот способ работать

JQuery (документ) .ready (функция() {

// here your code 


}); 
Смежные вопросы