在Wordpress管理员中运行jQuery文件并在AJAX之后执行

时间:2019-12-28 13:31:42

标签: jquery wordpress woocommerce

任务相当“简单”,但是今天整个过程让我很烦。在Woocommerce管理员订单预览中,我想将类更改为数量大于1的数字。

为此,我做了以下事情。

  1. 加载脚本(如果我打开开发者控制台,则路径正确):
add_action( 'admin_enqueue_scripts', 'add_my_script' );
function add_my_script() {
    wp_enqueue_script( 'jqueryforadmin', get_stylesheet_directory_uri().'/js/wp-admin.js');
}
  1. 在wp-admin.js中,我添加了jQuery代码:
jQuery(document).ready(function($) {
    $('.wc-order-preview-table__column--quantity').filter(function(index){
    return parseInt(this.innerHTML) > 1;
}).css({'color':'blue', 'text-decoration':'underline'});
});

问题是代码无法正常工作。我记得,订单预览是通过Ajax加载的。甚至不确定代码是否正确(由于我不熟悉的兼容模式)。有什么办法可以使它工作?

1 个答案:

答案 0 :(得分:0)

您需要包括jquery作为依赖项。

wp_enqueue_script( 'jqueryforadmin', get_stylesheet_directory_uri().'/js/wp-admin.js', array( 'jquery' ) );

{{3}}