Question

我想使用jQuery选择已添加到HTML5内容可编辑div的项目。它现在不起作用，因为页面加载时该项目不存在。 如何告诉jQuery div已更新？

请参阅此jsfiddle以获取测试代码：http://jsfiddle.net/kthornbloom/sjHYQ/

$(document).ready(function() {

<!-- This wont work on an image dragged into the div after page load -->
$('#editor img').click(function(){
    $(this).fadeOut();
});

});

我已经看到了有关此问题的其他问题，但似乎没有一个问题适用于内容可编辑的div。

Answer 1

您需要使用.on() JQuery function将事件附加到动态创建的元素

这是一个例子（我使用body作为主要容器，但你需要更具体）：

$("#editor").on({
    click: function (event) {    
        console.log('test')
       $(this).fadeOut();
    }
    },
    "img"
);

这是小提琴http://jsfiddle.net/sjHYQ/2/

如何告诉jQuery内容可编辑div已更新

1 个答案: