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

John 发表于 Dev

约翰

这项任务相当“简单”，但是今天整个过程让我很恼火。在Woocommerce管理员订单预览中，我想将类更改为数量大于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');
}

在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）我忘了将thingEvery所建议的jQuery作为依赖项。

add_action( 'admin_enqueue_scripts', 'admin_jquery_script' );
function admin_jquery_script() {
    wp_enqueue_script( 'jqueryforadmin', get_stylesheet_directory_uri().'/js/wp-admin.js', array('jquery'));
}

2）诀窍在于使用 .ajaxComplete

jQuery(document).ajaxComplete(function () {
    jQuery('.wc-order-preview-table__column--quantity').filter(function(index){
        return parseInt(this.innerHTML) > 1;
    }).css({'color':'red'});        
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。