无法访问由jquery创建的div的选择器?

时间:2013-09-04 03:49:33

标签: jquery

我试图通过使用jquery函数的html()来访问我创建它的选择器。我从很少的网站尝试了很多解决方案,但它不起作用。现在,我举个例子,请更正并告诉我原因

请参见此处的示例

    $(document).ready(function(){
     $(".close").click(function(){
     alert("message closed");
   });
   $("button").click(function(){
    $("#msg").html('<div class="close">Close</div><div>Message...</div>');
   });

非常感谢。

1 个答案:

答案 0 :(得分:5)

由于close是动态创建的,因此您需要使用事件委派

$(document).ready(function () {
    $('#msg').on('click', ".close", function () {
        alert("message closed");
    });
    $("button").click(function () {
        $("#msg").html('<div class="close">Close</div><div>Message...</div>');
    });
});

演示:Fiddle