JQueryは動的クローズボタンには当てはまりません

Question

私は入力がテーブルに表示される現在のスキル配列に追加できるかどうかを調べるために配列を検索する 'スキル'のテーブルを持っています。

各行には削除ボタンがありますが、テーブルに新しい行が追加されます。削除ボタンは機能しないようです。 https://jsfiddle.net/hyc61qtx/

これは私が現在、テーブルの行を削除する方法です：

$('.remove-skill').on('click', function() { 
    var $kill = $(this).parent('td').parent('tr'); 
    $kill.addClass('danger'); 
    $kill.fadeOut(1250, function() { 
     $(this).remove(); 
    }); 
}); 

Answer 1

あなたがページ上の今提示し、上のサブスクライブしているすべての要素を取得しているがここで

はJSFiddleは、私が使用しているありますそのクリックイベントは後で追加される要素には影響しません。ターゲットでフィルタリングしてドキュメントを購読する必要があります。

これは動作するはずです：動作しません

$(document).on('click', '.remove-skill', function() { 
    var $kill = $(this).parent('td').parent('tr'); 
    $kill.addClass('danger'); 
    $kill.fadeOut(1250, function() { 
     $(this).remove(); 
    }); 
});