在buddypress中为WP ADMIN AJAX响应添加JQuery效果

Question

在buddypress中有成员循环中的选项排序，我们使用jquery为设计目的添加了成员​​列表的类。当按默认排序更改排序时，响应将通过AJAX响应覆盖我们的自定义。

我使用下面的脚本

将图像URL替换为“块”文本

<script type="text/javascript">

    jQuery('body .block-member a').each(function() {
        var text = jQuery(this).text();    
        if(text == 'UnBlock'){
            jQuery(this).html(text.replace('UnBlock', "<img src='http://localhost/resttest/images/unblock.png' />"));       
        }else{
            jQuery(this).html(text.replace('Block', "<img src='http://localhost/resttest/images/block.png' />"));
        }
    });
</script>

以下视图是我的初始页面加载，

按更改后的图像顺序自动覆盖admin-ajax.php响应。如下，

Answer 1

根据ADyson的评论，你应该看一下全球ajax事件 - JQuery Documentation

因此，当任何ajax响应结束时，您可以使用AjaxComplete重新加载图像，例如

$(document).ajaxComplete(function() {
    $('.block-member a').each(function() {
            var text = jQuery(this).text();    
            if(text == 'UnBlock'){
                jQuery(this).html(text.replace('UnBlock', "<img src='http://localhost/resttest/images/unblock.png' />"));       
            }else{
                jQuery(this).html(text.replace('Block', "<img src='http://localhost/resttest/images/block.png' />"));
            }
        });
});

AjaxComplete处理程序之前已在Buddypress中成功使用，基于这些论坛评论 - link