。去掉（）; 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）。