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'

});

但是，如果您认为新添加的评论不受旧功能的影响，那么我不知道它是怎么回事。

jquery与添加到DOM的元素交互

1 个答案: