jQuery|イベントが発火しないとき

  • 投稿日:
  • by
  • カテゴリ:

メニューの開閉ボタンをいつもと違う形で作ったら軽くハマったのでメモメモ。

ボタンクリックでメニュー開と同時に「.closeBtn」を付与し、「.closeBtn」をクリックしたらメニュー閉としたのだが、「開」は動作するが「閉」が不動作。

いろいろ調べたら、jQueryでは動的に追加された要素では発火しないということ。

なので、下記のような書き方をすると、まず(document)が受け取ってごにょごにょ。。。という事で発火するらしい。

不動作)$(".navBtn.closeBtn").click(function(){...}
 ↓↓
動作) $(document).on('click', '.navBtn.closeBtn', function(){...}