2

jQueryを使用して、HTML5コンテンツの編集可能なdivに追加されたアイテムを選択したいと思います。ページが読み込まれたときにアイテムが存在しなかったため、現在は機能しません。divが更新されたことをjQueryに伝えるにはどうすればよいですか？

テストコードについては、次の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には当てはまらないようです。

4

2 に答える 2

3

試す：

$('#editor').on('click', 'img', function() {
    $(this).fadeOut();
});​

jsFiddleの例

基本的に動的要素をバインドしているため、ページが読み込まれるときにエディターdiv内に画像がないため.on()、要素のクリックイベントを委任するためにを使用する必要があります。#editor

于 2012-11-19T18:41:52.547 に答える
0

動的に作成された要素にイベントをアタッチするには、 .on（）JQuery関数を使用する必要があります

次に例を示します（私は本体をメインコンテナとして使用していますが、より具体的にする必要があります）：

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

これがフィドルですhttp://jsfiddle.net/sjHYQ/2/

于 2012-11-19T18:37:20.073 に答える