0

webpage.class = "button" にボタンがあるアプリケーションを作成しています

ボタンをクリックすると、同じクラスの別のボタンが作成されます。クリックすると、新しく作成されたボタンに同じ機能が適用されます。しかし、それは起こっていません。

$('.button').click(function(){
var temp = '<input type="button" class="button" />'
$('#form').append(temp);
})

この関数は、ページの読み込み時に作成される最初のボタンに対して機能しますが、前のボタンをクリックした後に作成されるボタンでは機能しません。この問題を解決するにはどうすればよいですか? 助けてください

4

1 に答える 1

1

問題は、DOM のロード時にイベントがアタッチされるためです。したがって、その時点以降に追加された要素にはイベントがありません。修正は、次のように委任されたイベント ハンドラーを使用することです。

$('#form').on('click', '.button', function(){
    var temp = '<input type="button" class="button" />'
    $('#form').append(temp);
})
于 2013-09-17T11:42:13.607 に答える