Question

我正在创建动态元素，点击另一个按钮后，需要执行动态生成的元素上的click事件。我知道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/

触发动态创建的元素

2 个答案: