Jquery 在动态创建的元素上触发

我正在创建动态元素，单击另一个按钮时，需要执行动态生成的元素上的单击事件。我知道

on（）

jquery方法有这样的功能，但不知道如何在我的上下文中应用。如果有人能帮忙，我会很高兴的

HTML代码：

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

$(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: 

生成新元素
事件

我的jQuery代码：

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

$(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: 

$（函数（）{
$（“按钮”）。单击（函数（）{
$（“h2”）.html（
单击我
）
});
$（'.generateEvent'）。单击（函数（）{
$（“p”）。触发器（“单击”，函数（）{
警惕（“你又点击我了！”）；
});
});
});
//方法二：

试试这个

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

您可以通过将事件绑定到目标的父容器来使用

on（）

，该父容器在您首次加载页面时已在页面上。这样说：

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

---

你想用这个

.trigger（）

调用做什么？事实上，我正在触发click事件。这一秒，

on（）

是最新的jquery函数。另一个类似

live（）

的函数已被弃用或删除到最新的jquery库中……事实上，这是我想要的简化版本。实际上，我正在创建一个自定义事件login.validate并使用trigger（）调用事件，但对于动态元素，它不起作用这是我无法使用on（）方法排序的实际问题