jQuery複数イベントハンドラ - キャンセル方法

Question

2つの異なる時間にクリックイベントにバインドされた2つの関数があります（jQueryを使用）。彼らが解雇される順序は重要です。彼らは正しい順序で発砲しています。問題は、最初の関数がfalseを返すとき、2番目の関数がまだ発火しているということです。

イベントを正しくキャンセルするにはどうすればよいですか？

例コード：

$(document).click(function() { 
    alert('a'); 
    return false; 
}); 

$(document).click(function() { 
    alert('b'); 
}); 

ページをクリックするとあなたはまだ "B" の警告メッセージが表示されます。これは受け入れがたい！

Answer 1

jQueryのイベントオブジェクトのstopImmediatePropagation機能を使用してください。

残りのハンドラが実行されないようにします。 このメソッドは、event.stopPropagation（）を呼び出してバブリングを停止します。

$(document).click(function(event) { 
    alert('a'); 
    event.stopImmediatePropagation(); 
    return false; 
}); 

$(document).click(function() { 
    alert('b'); 
}); 

Answer 2

アンバインドヘルプを使用していますか？

$(document).click(function() { 
    alert('a'); 
    $(this).unbind('click'); 
    return false; 
}); 

Answer 3

nickfは動作しません、あなたは小さなステート・マシンを使用することができると言いましたどのような場合：

var trigger = 0; 

$(document).click(function() { 

    alert('a'); 
    if(you_want_to_return_false) { 
    trigger = 1; 
    return false; 
    } 
}); 

$(document).click(function() { 
    if(trigger !== 0) { 
    alert('b'); 
    } 
    trigger = 0; 
}); 

ないきれいなソリューションを、それが動作します。

Answer 4

私が最初に尋ねるのは、なぜ2つの機能が同じクリックイベントにバインドされていますか？コードにアクセスすると、ただ1回だけ電話をかけてみませんか？

$(function(){ 
    var callbackOne = function(e){ 
     alert("I'm the first callback... Warning, I might return false!"); 
     return false; 
    }; 

    var callbackTwo = function(e){ 
     alert("I'm the second callback"); 
    }; 

    $(document).click(function (e){ 
     if(callbackOne(e)){ 
      callbackTwo(e); 
     } 
    }); 
}); 

Answer 5

おかげで、関数を再定義するためのアンバインド作品。

$(document).ready(function(){ 
     $("#buscar_mercaderia").click(function(){ alert('Seleccione Tipo de mercaderia'); 
    }); 
$(".tipo").live('click',function(){ 
      if($(this).attr('checked')!=''){ 
       if($(this).val()=='libro'){ 
        $("#buscar_mercaderia").unbind('click'); 
        $("#buscar_mercaderia").click(function(){ window.open('buscar_libro.php','Buscar Libros', 'width=800,height=500'); }); 
       }else if($(this).val()=='otra'){ 
        $("#buscar_mercaderia").unbind('click'); 
        $("#buscar_mercaderia").click(function(){ window.open('buscar_mercaderia.php','Buscar Mercaderias', 'width=800,height=500'); }); 
       } 
      } 
     })