jQuery を使用して、CSV ファイルからデータを入力しています。
動的に作成された要素にイベントを与える必要があります。
現在、イベントは動的に作成されたデータを取得していません。
そのためにjQuery.on()
機能を使用できます。
$(document).on('click', 'div.my_new_dom', function() {
// do magical things
});
これにより、新しい DOM がドキュメントに追加されると、jquery に自動的にバインドされます。
詳細な説明については、このリンクを参照してください。
http://api.jquery.com/on/
.on
動的に追加された要素にイベントをバインドするために使用します。
これは、次の 2 つの方法のいずれかで実行できます。
各要素の作成時にイベントを追加できます (推奨)。
また
イベントを親要素またはドキュメントにバインドし、新しく作成された要素タイプまたはクラスでフィルタリングして、動的に作成された要素にも適用されるようにすることができます (@phpisuber01 が示したように)。
最初のオプションが推奨される理由は、2 番目のオプションでは、クリック イベントをドキュメント全体にバインドしているためです。そのため、ページのどこかをクリックする (またはイベントが行っていることを実行する) たびに、クリックされた要素がイベントを発生させるかどうかを確認する必要があります。パフォーマンスの違いがどれほど大きいかはわかりませんが、考慮すべきことです。