jquery - 触发动态创建的元素

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

您可以on()通过将事件绑定到第一次加载页面时已经在页面上的目标的父容器来使用。像这样：

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

Answer 2

尝试这个，

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

http://jsfiddle.net/sCgCj/