jquery - jquery 与添加到 DOM 的元素交互

Question

我正在使用 wordpress 插件将类添加到评论中作为“编辑器选择”。

在页面上，我有两个按钮，一个显示评论，一个显示编辑选择。一切正常。

代码：-

$(document).ready(function () {


    $("#editors-picks").on("click", function(e){

        $("ol.commentlist li").not(".featured").fadeOut(); // fade out any comments that aren't 'featured'

    }); 
    $("#comments").on("click", function(e){

        $("ol.commentlist li").not(".featured").fadeIn(); // fade all comments back in

    });
});

问题是动态添加到 DOM 树的注释（通过 ajax）。添加新评论后，该功能不起作用。我认为使用 .on 可以解决这个问题，但事实并非如此。

Answer 1

如果“功能不起作用”意味着按钮没有响应，您可以尝试将侦听器委托给文档，而不是元素本身。例如：

$(document).on("click","#editors-picks", function(e){

    $("ol.commentlist li").not(".featured").fadeOut(); // fade out any comments that aren't 'featured'

}); 

但是，如果您的意思是新添加的评论不受该功能的影响，而旧的评论则不受该功能的影响，那么我不知道这是怎么回事。