49

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

イベントを適切にキャンセルするにはどうすればよいですか?

コード例:

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

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

ページをクリックすると、「b」警告メッセージが引き続き表示されます。これは受け入れがたい！

4

6 に答える 6

88

stopImmediatePropagationjQueryイベントオブジェクトの関数を使用します。

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

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

$(document).click(function() {
  alert('b');
});
于 2009-03-16T23:31:06.123 に答える
2

私が最初に尋ねているのは、同じクリックイベントにバインドされた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);
        }
    });
});
于 2009-03-16T23:28:45.943 に答える
2

ありがとう、バインド解除は関数の再定義に役立ちます。

  $(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');  });
                }
            }
        })
于 2011-03-04T18:41:33.217 に答える
1

アンバインドの使用は役に立ちますか?

$(document).click(function() { 
  alert('a');
  $(this).unbind('click');
  return false;
});
于 2009-03-16T23:16:17.890 に答える
0

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;
});

最も美しい解決策ではありませんが、うまくいきます。

于 2009-03-16T23:19:27.633 に答える