jquery - 为什么 jQuery on() 不能在现有元素上工作？

Question

我有 ID 为#editor 的 div。在 div 中是一个具有 .float-right 类的图像。我还动态地将具有相同类的新图像添加到#editor div。下面的 jQuery 代码适用于新添加的图像，但不适用于现有图像。为什么？我需要这两种方式。

HTML

<div id="#editor">
    <img src="img.jpg" class="float-right">
    <!--jQuery will select this image only if added after page load -->
</div>

jQuery

$('#editor').on('click', '.float-right', function() {
//Do stuff
});

我正在处理的粗略代码http://jsfiddle.net/kthornbloom/9tdDa/（它是一个所见即所得的 html5 编辑器）

score 3 · Accepted Answer

您正在阻止 #editor 的现有子项上的所有点击事件

$("#editor").children().click(function(){
    return false;
});

删除它（在 2 个地方），它可以工作。它不会影响新元素，因为它只针对现有元素。

1 回答 1