javascript - jQuery 在动态 HTML 上为 treeview 插件注册点击事件

Question

我正在使用 JQUery treeview 插件将我的数据显示为树结构。问题是我正在从 JSON 响应对象动态生成我的 HTML。这永远不会按预期工作。元素未注册点击事件。

如果我对动态 HTML 进行硬编码，我就能看到预期的结果。我调试并了解到 JQuery 注册了现有 HTML 元素的点击事件，而不是动态形成的元素。请告诉我如何为点击事件注册它们。

function show(jsonResp) {
    //Parsing the JSON response and building HTML on the fly.

    $red = '';
    for (var i = 0; i < treeElements.length; i++) {
        $red = $red + treeElements[i];
    }

    $("#user-records").append($red);
    $("#red").treeview({
        animated: "fast",
        collapsed: true,
        unique: true,
        persist: "cookie",
        toggle: function () {
            window.console && console.log("%o was toggled", this);
        }
    });

}

此 TreeView 代码调用函数以根据用户点击事件展开和折叠。所有这些事件都在 treeview.js 中注册

 this.find("div." + CLASSES.hitarea).click( toggler );

我在 chrome 中调试并检查我的新 div 是否已注册到点击事件。但是当我点击时没有任何反应。

P.S:如果我复制生成的 HTML 元素的控制台日志，并创建一个不同的页面，它会完美地工作。唯一的问题是动态添加 HTML 代码时。我不知道在哪里为这个新添加的动态 HTML 代码注册点击事件。

Answer 1

是你吗？

$(document).on("click", ".selector", function() {
   // your code
});

使用此代码，您可以在生成的内容上绑定(bind)事件。这是一个例子:http://jsfiddle.net/cB8Tf/