取消綁定單擊類中的特定元素

Question

我遇到過一個場景。我有一些具有相同類的元素。所有人都點擊相同的事件處理程序。如果某些條件成立，我需要從特定元素中解除綁定。
這是我的片段

 $(".del_grp").die().live('click', deleteGroup); 
         $(".del_grp").css('opacity','1'); 
         $(".del_grp").css('cursor','pointer'); 
         if($('.map_unit').length === 1){ 
          $('.grp').each(function(){ 

           if($(this).next().children().length !==0){ 
            $(this).find('.del_grp').die('click'); 
            $(this).find('.del_grp').css('opacity','0.5'); 
            $(this).find('.del_grp').css('cursor','default'); 
           } 
          }); 
         } 

這裏，CSS性能都正常工作時，該die()不工作

Answer 1

使用.off()，而不是.die()和.on()代替.live()。它正常工作。見下面

var deleteGroup = function() { 
    console.log('del group clicked'); 
}; 
$(".del_grp").off().on('click', deleteGroup); 
$(".del_grp").css('opacity','1'); 
$(".del_grp").css('cursor','pointer'); 
if($('.map_unit').length === 1){ 
    $('.grp').each(function(){ 
     console.log('for each group'); 
     if($(this).next().children().length !==0){ 
      $(this).find('.del_grp').off('click', deleteGroup); 
      $(this).find('.del_grp').css('opacity','0.5'); 
      $(this).find('.del_grp').css('cursor','default'); 
     } 
    }); 
} 

http://jsfiddle.net/ChaitanyaMunipalle/xz8Up/

Answer 2

您是否嘗試過在對象上使用.unbind（）？

http://api.jquery.com/unbind/

Answer 3

嘗試

$("#foo").unbind("click");