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

我正在使用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

    });
});

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

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

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

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

}); 

---

但是，如果你的意思是新添加的注释不受函数的影响，而旧的注释受函数的影响，那么我不知道这是怎么回事。

啊，这很有效，太好了。