javascript - 。消除（）; jquery附加的div

Question

http://jsfiddle.net/VTD9P/2/

$("button").click(function(){
    $("body").append('<div  class="vidminclose">X</div>');
});
$(".vidminclose").click(function(){
    $(this).remove();
});

为什么当我点击它时div.miniclose它不会删除......以及绕过它的方法是什么。我也看过类似的问题，但我似乎无法用他们的解决方案来解决我的问题。

Answer 1

.vidmeclose不存在在.click触发时将 click 事件绑定到它，因为它稍后会附加到 DOM。您需要做两件事之一（这也取决于您的 jQuery 版本）。

解决方案#1

$("#button").click(...
    $("body").append(...
    $(".vidmeclose").click(...

http://jsfiddle.net/VTD9P/4/

解决方案#2

$("button").click(...

$("body").on('click', '.vidmeclose', function () ...

请注意，如果可用，在第二个示例中使用更具体的选择器可能会很有用。

http://jsfiddle.net/VTD9P/5/

Answer 2

这是因为 vidminclose 还不存在。需要使用live（旧 jquery）或on（新 jquery）。