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

Question

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

我使用以下脚本 URL 将 "block" 文本替换为图片，

<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>

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

按更改后的图像订购后，管理员会自动覆盖-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' />"));
            }
        });
});

根据这些论坛评论，之前在 Buddypress 中成功使用了 AjaxComplete 处理程序 - link

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

Add JQuery effect for WP ADMIN AJAX response in buddypress

ajax

wordpress

jquery

buddypress