在動態創建的元素上觸發

Question

我正在創建動態元素，並且在單擊另一個按鈕時，需要執行動態生成的元素上的單擊事件。我知道on() jquery方法具有這樣的功能，但不知道如何在我的上下文中應用。如果有人能幫忙，我會很高興。

HTML代碼：

<h2></h2> 
<button>generate new element</button> 
<p class="generateEvent">Event</p> 

我的jQuery代碼：

$(function(){ 

    $("button").click(function() { 
     $("h2").html("<p class='test'>click me</p>") 
    }); 

    $('.generateEvent').click(function(){ 
     $("p").trigger("click", function(){ 
      alert('you clicked me again!'); 
     }); 
    }); 
}); 
// Method two: 

http://jsfiddle.net/PzSYM/399/

Answer 1

試試這個，

$("p").bind("click", function(){ 
alert('you clicked me again!');}) 

http://jsfiddle.net/sCgCj/

Answer 2

您可以通過結合該事件，其中已經在頁面上，當你第一次加載頁面的目標的父容器使用on()。像這樣：

$('#parent').on('click','.target',function(){ 
    //do something.. 
});