3

#editorのIDを持つdivがあります。div内には、クラスが.float-rightの画像があります。また、同じクラスの新しい画像を#editordivに動的に追加しています。以下の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/（これはwysiwyg html5エディターです）

4

1 に答える 1

3

#editorの既存の子に対するすべてのクリックイベントを防止しています

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

それを（2か所で）削除すると、機能します。既存の要素のみを対象としているため、新しい要素には影響しません。

http://jsfiddle.net/9tdDa/5/

于 2013-01-22T19:23:02.843 に答える