javascript - 将 Jeditable 字段添加到 jQuery 中的委托(delegate)

Question

我如何将以下内容与 jQuery 中的委托(delegate)结合起来？

我有一个 #commentContainer 围绕所有可编辑元素，并且我正在动态添加可编辑字段 (Jeditable)。编辑功能不适用于动态加载的项目。

     /* Bind Jeditable instances to "edit" event. */
    $(".edit").editable('/Comment/PostComment/', {
        type: 'textarea',
        cancel: 'Cancel',
        submit: 'OK',
        indicator: '<img src="img/indicator.gif">',
        tooltip: 'Click to edit...',
        event: "edit"
    });
    /* Find and trigger "edit" event on correct Jeditable instance. */
    $(".edit_trigger").bind("click", function () {
        $(this).prev().trigger("edit");
    });

Answer 1

当元素添加到 DOM 时，事件委托(delegate)不适用于运行代码。某些浏览器事件需要先发生，例如点击。

因此，如果您添加的新元素应该让 editable 插件针对它们运行，则您需要在添加它们时手动调用它。

$('<textarea>').editable( /* settings */ )
               .appendTo( '#commentContainer' );