javascript - 動的 Div のクリック イベントが機能しない

Question

テキスト ボックスに入力された値に基づいてクリック イベントで div を作成しました。

例をここに

ページを開いていずれかの行をクリックすると、アラートが表示されます。ただし、テキスト ボックスの値を変更し (数値を入力)、読み込みボタンを押すと、入力した数値に基づいて行が読み込まれます。

行をクリックすると、クリックイベントが機能しなくなりました.....

この点に関するヘルプは大歓迎です........

Answer 1

ライブ機能が必要です。

$(".schoolselect").live("click", function() {

ここを参照してください：http：//jsfiddle.net/27Z3t/

Answer 2

のクリック ハンドラー$('.schoolselect')は、ページの読み込み時に一度だけアタッチされます。これはライブの jQuery イベントではありませんが、デリゲート モデルを優先するため、その手法は推奨されていません。

$('#divHSSchoolResultTable')クリックを処理するデリゲートをアタッチできます。

$('#divHSSchoolResultTable').delegate('.schoolselect', 'click', function() { alert(); });

詳細については、 jQuery デリゲートを参照してください。