如何在我的Wordpress插件中使用JQuery

我已經搜索了全部的答案，但到目前爲止我沒有任何工作。如何在我的Wordpress插件中使用JQuery

我已經測試過的jQuery代碼的WordPress之外，它似乎工作，所以我想我有註冊或排隊JS文件

我想在WordPress插件我寫使用jQuery的一個問題。我試圖用下面的代碼進行註冊並排入隊列：

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(){

但似乎沒有任何工作。

編輯：我去看看我的源代碼，和我所得到的是follwing，我不知道是正確的，因爲我很新的WordPress的..

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

請幫助。

非常感謝您的回覆。

來源

2015-05-01 Serge Inácio

'jQuery的（文件）。就緒（函數（）{//代碼在這裏}）;'會的實際工作，確保您的瀏覽器不緩存JS的副本 – Musk

JS文件是否實際上使用正確的URL進入隊列？驗證腳本是否出現在源代碼中，並且src是正確的。 –

也發佈任何錯誤消息，因爲這將大大縮小我們的範圍。 – Musk

使用jQuery(doc...是正確的方法，但是您沒有將$傳遞給函數，因此它不適用於您。

變化：

$(document).ready(function(){ 

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

});

要：

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

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

});

來源

2015-05-01 22:57:51

謝謝@Nathan Dawson。我會盡快試用它 –

我剛試過，但它似乎仍然因爲某種原因無法正常工作。當我在Google Chrome瀏覽器中使用F12查看代碼時，我在帖子中編輯了一個編輯內容。請檢查。謝謝。 –

嗨，最後它的工作，有jquery代碼有問題：s（跛腳）。但它的工作方式是你如何建議的。 :)所以+1和答案接受:) –

如何在我的Wordpress插件中使用JQuery

回答

相關問題