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後でDOMに追加されるため、起動時にクリックイベントをバインドするために存在しません。2 つのうちのいずれかを行う必要があります (これも jQuery のバージョンによって異なります)。

解決策 1

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

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

解決策 2

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

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

2 番目の例でより具体的なセレクターを使用できる場合は、それを使用すると便利な場合があることに注意してください。

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

Answer 2

vidminclose がまだ存在しないためです。live(古い jquery) またはon(新しい jquery)を使用する必要があります。