0

クリックすると反応するボタンがページにいくつかあります。現在、jQueryを使用してこのHTMLコンテンツ（これらのボタンを含む）を空のdivに渡しています。

$('#main').html($('#sectionC').html())

#mainは空#sectionCのdivであり、これらのボタンを含むdivです。Ok？すべてが正しく表示されます。からのすべてのボタン#sectionCのクラスは.btnですが、このコンテンツを動的に渡すと、次のスクリプトが機能しません。

$('.btn').click( function() {
  $(this).toggleClass('btn-active')
})

$('.btn').clickこれらのボタンの1つをクリックしても、まったく呼び出されません。

何かご意見は？

4

1 に答える 1

3

動的に追加された要素にイベントをバインドするには、jQuery on()を使用します。

$('#main').on('click', '.btn', function() {
  $(this).toggleClass('btn-active')
})
于 2013-02-05T13:56:27.730 に答える