Триггер динамически созданного элемента

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.. 
});