javascript - Jquery .on click事件-删除绑定(bind)元素

Question

我有以下代码:

$("#content h1").on("click", function(){
        var f = $(this);
        var clicked_id = f.data("id");


        var children = _.filter(data, function(key){
            var id = key.id.split("-")
            id.pop()
            id = id.join("-")
            return clicked_id == id;
        });

        if (children.length != 0) {
            $("#content").html("");
            _.each(children, function(obj){
                $("#content").append("<h1 data-id='"+ obj.id +"'>"+ obj.txt +"</h1>")
            });
        }
    });

所以基本上我将 .on“click”事件绑定(bind)到 h1。单击时，我清理包含 H1 的元素，然后添加一个新的 H1 元素。现在点击不再注册。我实际上应该如何做才能继续点击？

Answer 1

像这样使用on(事件委托(delegate)):

$("#content").on("click", "h1", function() {

现在，每次您点击 #content 时，它都会检查 h1 并运行该事件。您之前的代码仅在运行时将处理程序绑定(bind)到 h1。