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

Question

我到处寻找答案，但到目前为止没有任何效果。

我已经在 Wordpress 之外测试了 jQuery 代码，它似乎可以工作，所以我认为我在注册或排队 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(){

但似乎没有任何效果。

编辑：我去看了我的来源，我得到的是以下内容，我不知道这是正确的，因为我对 wordpress 很陌生..

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

请帮忙。

提前感谢您的回答。

Answer 1

使用 jQuery(doc... 是正确的方法，但您没有将 $ 传递给函数，这就是它对您不起作用的原因。

变化：

$(document).ready(function(){

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

});

收件人：

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

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

});

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

How do I use JQuery in my Wordpress plugin

wordpress

jquery

plugins