您遇到的问题是，您试图在DOM中有任何带有“test”类的东西之前将“test”类绑定到事件。虽然看起来这一切都是动态的，但真正发生的是JQuery传递DOM并在ready()函数触发时连接click事件，该事件发生在您在按钮事件中创建“click Me”之前。

通过将“test”Click事件添加到“button”单击处理程序，它将在DOM中存在正确的元素后将其连接起来。

<script type="text/javascript">
    $(document).ready(function(){                          
        $("button").click(function(){                                  
            $("h2").html("<p class='test'>click me</p>")                          
            $(".test").click(function(){                          
                alert()                          
            });       
        });                                     
    });
</script>

使用live()(正如其他人指出的那样)是另一种方法，但我觉得指出JS代码中的小错误也是一个好主意。你写的没有错，只是需要正确的范围。对于许多传统开发人员来说，掌握DOM和JS的工作原理是一件很棘手的事情。

Live()是一种更简洁的处理方法，在大多数情况下是正确的方法。它本质上是监视DOM，并在其中的元素发生变化时重新连接内容。

对委托事件使用.on()方法

$('#staticParent').on('click', '.dynamicElement', function() {
    // Do something on an existent or future .dynamicElement
});

.on()方法允许你将任何想要的事件处理程序委托给: 当前元素或将来添加到DOM的元素。

注:不要使用.live()!从jQuery 1.7+开始，.live()方法已弃用。

你可以点击添加动态创建的元素。下面的例子。使用“何时”来确保完成。在我的例子中，我用类扩展抓取了一个div，添加了一个“点击查看更多”的跨度，然后使用这个跨度隐藏/显示原始的div。

$.when($(".expand").before("<span class='clickActivate'>Click to see more</span>")).then(function(){
    $(".clickActivate").click(function(){
        $(this).next().toggle();
    })
});

您遇到的问题是，您试图在DOM中有任何带有“test”类的东西之前将“test”类绑定到事件。虽然看起来这一切都是动态的，但真正发生的是JQuery传递DOM并在ready()函数触发时连接click事件，该事件发生在您在按钮事件中创建“click Me”之前。

通过将“test”Click事件添加到“button”单击处理程序，它将在DOM中存在正确的元素后将其连接起来。

<script type="text/javascript">
    $(document).ready(function(){                          
        $("button").click(function(){                                  
            $("h2").html("<p class='test'>click me</p>")                          
            $(".test").click(function(){                          
                alert()                          
            });       
        });                                     
    });
</script>

使用live()(正如其他人指出的那样)是另一种方法，但我觉得指出JS代码中的小错误也是一个好主意。你写的没有错，只是需要正确的范围。对于许多传统开发人员来说，掌握DOM和JS的工作原理是一件很棘手的事情。

Live()是一种更简洁的处理方法，在大多数情况下是正确的方法。它本质上是监视DOM，并在其中的元素发生变化时重新连接内容。

另一种更简洁的方法(IMHO)是使用一个原始的javascript函数来响应一个on click事件，然后将目标元素传递回jQuery。这种方法的优点是你可以在任何地方动态地添加你的元素，点击处理程序将“正常工作”，你不需要担心把控制委托给父元素，等等。

步骤1:更新动态html以触发onclick事件。确保将'event'对象作为参数传递

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

步骤2:创建测试函数以响应单击事件

    function test(e){
        alert();
    });

可选步骤3:鉴于您正在使用jQuery，我假设它将有用的引用返回到源按钮

    function test(e){
        alert();

        // Get a reference to the button
        // An explanation of this line is available here
        var target = (e.target)? e.target : e.srcElement;

        // Pass the button reference to jQuery to do jQuery magic
        var $btn = $(target);

    });

你也可以使用onclick="do_something(this) "“内部元素