javascript - 检测 Ajax 调用内 div 的点击

Question

我试图通过使用 .click 处理程序的 Ajax 调用通过其类名来检测对 div 的点击。它有效，但似乎当 ajax 多次获取记录时，我的点击处理程序会中断并不断重复自身。因此，当单击一次时，我的函数会被触发多次。

JQUERY

 $.ajax({ ...
  success: function(data){

    //add to favorite function - THIS CLICK HANDLER KEEPS DUPLICATING 
    $('.favit').click(function(){
      var cid=$(this).data("id");
      addfav(cid); //execute function
      return false;
    });

  },...

如果我尝试将此函数从 ajax 调用中拉出，则不会检测到点击。

Answer 1

您需要使用.on()并委托(delegate)事件。

 $.ajax({ ...
   success: function(data){

    //add to favorite function - THIS CLICK HANDLER KEEPS DUPLICATING 

  },

$(document).on("click", '.favit', function(){
  var cid=$(this).data("id");
  addfav(cid); //execute function
  return false;
});