使用 JQuery 到 wordpress 管理页面 wp-admin答案

【问题标题】：use JQuery to wordpress admin page wp-admin使用 JQuery 到 wordpress 管理页面 wp-admin
【发布时间】：2021-06-23 17:02:42
【问题描述】：

我想在 wordpress/woocommerce 管理页面中添加一些 jQuery。该代码在客户端页面上运行良好，但从未传递到 wp-admin 页面。

这是代码：

 jQuery("#postbox-container-1").ready(function(){
      alert("now what?");
        
      $('p:contains("Poivre")').css('color', 'red');
     
    });

【问题讨论】：

您需要将脚本加入管理部分。 add_action( 'admin_enqueue_scripts', 'your_enqueue_function' );
这能回答你的问题吗？ How to add custom javascript to WordPress Admin?
我使用了下面的代码，但它不起作用...add_action( 'admin_enqueue_scripts', jQuery("#postbox-container-1").ready(function(){ $('p:contains("Poivre")').css('color', 'red'); })); 仍然没有得到它...
这不是排队脚本的工作方式。您需要传入一个php函数。阅读重复的链接。

标签： jquery wordpress

【解决方案1】：

您可以使用 WP admin_footer 操作挂钩将自定义 js 添加到管理端。检查下面的代码。代码将进入活动主题functions.php文件。

function add_custom_admin_js(){
    ?>
    <script type="text/javascript">
        (function($){
            $("#postbox-container-1").ready(function(){
                alert("now what?");  
                $('p:contains("Poivre")').css('color', 'red');
            });
        })(jQuery);
    </script>
    <?php
}

add_action( 'admin_footer', 'add_custom_admin_js', 10, 1 );

【讨论】：

欢迎...如果这个答案对你有帮助，那么你可以accept 答案，如果你喜欢/想要你也可以upvote 答案，谢谢。