javascript - JQueryで動的に追加された要素にクリックイベントを追加するにはどうすればよいですか?

Question

click動的に作成された要素を実行するイベントを追加したい。JQueryを使用してそれを行うにはどうすればよいですか?

$(function() {
   $('.class').after('<a href="#" onclick="displayHideBox('1'); return false;">Text</a>');
});

Answer 1

それを試してください：

$(function() {
   $('.class').each(function(){
    // construct link-OBJECT! here
    var link = $('<a />').attr('href', '#').click(function(){ displayHideBox('1'); }).text('Text');
    // insert link after ".class"-element
    $(this).after(link);
   });
});

Answer 2

jqueryでonclickを機能させるにはどうすればよいですか?

あなたが尋ねていると思う質問は、「動的に追加された要素にクリックイベントを追加する方法」ですよね?

あなたのマークアップが次のようなものだとしましょう：

<div id="someContainer">
    <p class="class">asdasd</p>
    <a href="#" class="newLink">Text</a>
</div>

もしそうなら、あなたは次のように使うことができます.on()：

$("#someContainer").on('click','a.newLink', function() {
    displayHideBox('1');
    return false;
});

Answer 3

あなたはこれを試すことができます

$(function(){
    $('<a />', { href: '#', text: 'Text', click: function(e){ 
            e.preventDefault();
            displayHideBox('1'); 
        }
    }).insertAfter('.class');
});

デモ。