javascript – 将jeditable字段添加到jQuery中的委托

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

我有一个围绕所有可编辑元素的#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");
    });

解决方法:

将元素添加到DOM时,事件委派不适用于运行代码.某些浏览器事件需要首先发生,例如点击.

因此,如果您要添加应该针对它们运行可编辑插件的新元素,则需要在添加它们时手动调用它.

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

标签：jquery,javascript,delegates,jeditable
来源： https://codeday.me/bug/20190626/1297579.html