javascript - クラス間で特定の要素からのクリックのバインドを解除する

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

試す

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

Answer 2

オブジェクトで .unbind() を使用しようとしましたか?

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