2015-05-01 6 views
0

Я искал ответ на все, но до сих пор ничего не работало.Как использовать JQuery в моем плагине Wordpress

Я проверил код JQuery вне Wordpress и это похоже на работу, так что я думаю, что я имею проблему регистрации или enqueuing в JS файл

Я хочу использовать Jquery в WordPress плагин Я пишу. Я попытался зарегистрировать его и поставить в очередь в следующий код:

function my_script() { 
    wp_register_script('my_script', plugins_url('js/my_script.js', __FILE__), array('jquery'),'1.1', true); 
    wp_enqueue_script('my_script'); 
} 

add_action('wp_enqueue_scripts', 'my_script'); 

Но это по какой-то причине не работает.

код Jquery у меня есть:

$(document).ready(function(){ 

    $('.test').css("background-color", "red"); 

});​ 

Я также попытался: jQuery$(document).ready(function(){ и jQuery(document).ready(function(){

Но ничего, кажется, работает.

EDIT: Я пошел, чтобы увидеть мой источник, и что я получаю это follwing, что я не знаю, правильно, как я совершенно новой для WordPress ..

<script type="text/javascript" src="http://example.com/wp-content/plugins/my-plugin/same-hight.js?ver=1.1"></script> 

Пожалуйста, помогите.

Заранее благодарю за любой ответ.

+0

'JQuery (документ) .ready (функция() {// здесь код});' будет реально работать убедитесь, что ваш браузер не кеширование копии JS – Musk

+0

Действительно ли файл JS попадает в очередь с правильным URL-адресом? Убедитесь, что сценарий появляется в источнике, а src - правильно. –

+0

Также опубликуйте anykind сообщения об ошибке, так как это в значительной степени сужает его для нас. – Musk

ответ

1

Использование jQuery(doc... - правильный подход, но вы не проходили $ в функцию, поэтому он не работал на вас.

Изменение:

$(document).ready(function(){ 

    $('.test').css("background-color", "red"); 

});​ 

To:

jQuery(document).ready(function($) { 

    $('.test').css("background-color", "red"); 

});​ 
+0

Спасибо @ Натан Доусон. Я попробую его, как только у меня получится. –

+0

Я только что попробовал, но по-прежнему не работает. Я нахожу редактирование в своем сообщении тем, что получаю, когда проверяю код с F12 в Google Chrome. Пожалуйста, проверьте. Спасибо. –

+0

Привет, Наконец-то это сработало, что-то не так с кодом jquery: s (lame). Но способ, которым он работал, - это то, как вы предложили. :) так +1 и ответ принят :) –

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