jquery - 動的に作成された要素に対するクリック アクションが機能しませんか?

Question

タブキーを押すと作成され、後で右側の赤い十字をクリックして削除できるテキストボックスのリストを作成しようとしています。最初のテキスト ボックスでは機能しますが、動的に作成された要素では機能しません。誰でも問題を解決できますか？現時点では、次のコードを使用しており、残りは jsFiddle にあります。

$(".remove").on('click', function(){
    alert('hello');
});

jsフィドル

Answer 1

次のような委任イベントを使用してみてください。

$('.list').on("click", ".remove", function(){
   alert('hello');
});

あなたの作業デモ: jsFiddle

詳細については、この回答をお読みください。