jQuery $（this）。append後に.remove（）が機能しない

Question

class="tags"のdivがあり、定義済みのハイパーリンクが1つあります。

<div class="tags"> 
    <a href="#">myLink</a> 
</div> 

ユーザーがクリックするとそのハイパーリンクを削除する機能があります。

$('.tags a').click(function() { 
    $(this).remove(); 
    return false; 
}); 

これは、定義済みのハイパーリンクで機能します。私はこれらに呼び出されません（クリックで）ハイパーリンクを削除するには、別の（ページがロードされた後）のjQueryの助けを借りて、リンク

$('.tags').append('<a href="#">newLink</a>'); 

機能を追加した場合 は、リンクを追加しました。これを解決するには？

Answer 1

あなたはライブ機能を使用する必要があります。

$(".tags a").live("click", function() { 
    // ... 
}); 

あなたが最初のロード後にリンクを追加しているので、標準のクリックイベントは、動的な追加リンクにバインドされることはありません。

Answer 2

あなたのクリックイベントは、現在のdomエレメントにのみ適用され、将来のエレメントには適用されません。このイベントをすべてのエレメントに追加するには、jqueryでライブイベントを使用する必要があります。 http://jsfiddle.net/6cGvt/