動的に作成された要素にイベント リスナーを追加しようとしていますが、うまくいきません。以下のコードでは、それ<p>
が挿入されたことを検出できないため、コンソール メッセージは表示されませんBar Inserted
。私は何か間違ったことをしていますか?
$('#button').click( function() {
$('#foo').append('<p>foo</p>');
$('p').append('<p>bar</p>');
});
$('#foo').bind('DOMNodeInserted', function() {
console.log('Foo Inserted');
});
$('p').on('DOMNodeInserted', 'p', function() {
console.log('Bar Inserted');
});
<div id="foo">Foo</div>
<div id="button">BUTTON</div>