【jQuery】 追加要素にイベント設定する

.after()などで追加した要素にイベントを設定します。trigger()を用いての独自イベントでも動きました。

$('#foo').after(<div id="#bar">click</div>);

// 実行されず
$('#bar').on('click', function(){
    console.log('click');
});

// 以下でOK
$(document).on('click', '#bar', function(){
    console.log('click');
});

// こっちでもOK
$('#foo').on('click', '#bar', function(){
    console.log('click');
});