jquery - jQuery でネストされたイベントを処理する方法

Question

私は

<span class="fold"></span>

それはによって処理されます

$('.fold').click(function (event) { ... });

これで、クリック イベントは、同じイベント ハンドラーを割り当てたい ajax を介して新しい "fold" クラスを追加します。それは可能ですか?もしそうなら、ロジックのどこにクリックハンドラを「再」追加しますか?

前もって感謝します

Answer 1

ハンドラーを必要とする要素を動的に追加する場合は、次のように委任されたイベント ハンドラーを使用します。

$(document).on('click', '.fold', function(e) {
    // do stuff
});

最高のパフォーマンスを得るには、要素が追加される要素documentのセレクターに置き換える必要があることに注意してください。.fold

Answer 2

書くだけ：

$(".fold").on("click", function(event){
  //write code
});

更新: 動的に追加される要素については、次のように記述します。

$(document).on('click', '.fold', function(e) {
    // write code
});