javascript - jQuery - html() を設定した後に DOM に要素を登録する

Question

ボタンがクリックされた後に innerHTML を設定する div があります。

$('#headerDiv').html('Welcome [<a href=\'javascript:void(0);\' id=\'logout_button\'>Logout</a>]');

ただし、新しい要素logout_buttonは に登録されていDOMないため、従来の を使用してクリック イベントをキャプチャすることはできません$('#logout_button').click()。

メソッドで設定しlogout_buttonたDOM直後に登録することはできますか？html()

ありがとう！

Answer 1

イベントを委任する

$('#headerDiv').on('click', '#logout_button', function() {
     // Your code
});

dynamically addedこれにより、イベント バブリングの概念によってイベントが要素に関連付けられます。