jQuery Multiple Event Handler – Wie kündige ich?

Ich habe zwei Funktionen, die zu zwei verschiedenen Zeiten an ein Klickereignis gebunden sind (mit jQuery). Die Reihenfolge, in der sie abgefeuert werden, ist signifikant. Sie schießen in der richtigen Reihenfolge. Das Problem ist, wenn die erste Funktion falsch zurückgibt, wird die zweite Funktion immer noch ausgelöst!

Wie kann ich die Veranstaltung ordnungsgemäß stornieren?

Beispielcode:

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

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

Beim Klicken auf die Seite wird weiterhin die Warnmeldung „b“ angezeigt. Das ist inakzeptabel!

Verwenden Sie die stopImmediatePropagation Funktion des jQuery-Ereignisobjekts.

Verhindert, dass der Rest der Handler ausgeführt wird. Diese Methode stoppt auch das Sprudeln, indem sie event.stopPropagation() aufruft.

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

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

Das erste, was ich frage, ist: Warum haben Sie zwei Funktionen, die an dasselbe Klickereignis gebunden sind? Wenn Sie Zugriff auf den Code haben, warum machen Sie nicht einfach diesen einen einzigen Anruf?

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

Danke, Unbind funktioniert zum Neudefinieren von Funktionen.

  $(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');  });
                }
            }
        })

Hilft das Aufheben der Bindung?

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

Wenn das, was nickf gesagt hat, nicht funktioniert, können Sie eine kleine Zustandsmaschine verwenden:

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

Nicht die schönste Lösung, aber es geht.

Eine andere Lösung besteht darin, die Funktion zu entprellen oder zu drosseln.

Auf diese Weise können Sie sicherstellen, dass es trotz mehrmaligem Auslösen nur innerhalb einer festgelegten Dauer ausgeführt wird. Dadurch würde Ihr Code so funktionieren, wie er ist.