jQuery benutzerdefinierte Ereignisse synchron auslösen?

Question

Ich verwende die jQuery-Trigger-Methode, um ein Ereignis aufzurufen ... aber es verhält sich inkonsistent. Manchmal ruft es das Ereignis auf, manchmal nicht.

<a href="#" onclick=" 
    $(this).trigger('custom-event'); 
    window.location.href = 'url'; 
    return false; 
">text</a> 

Die hat viele Zuhörer hinzugefügt. Es ist, als wäre die Trigger-Methode nicht synchron, so dass die window.location.href vor der Ausführung der Ereignisse geändert werden kann. Und wenn window.location.href geändert wird, findet eine Navigation statt, die alles unterbricht.

Wie kann ich Ereignisse synchron auslösen?

Verwenden von jQuery 1.8.1.

Danke!

EDIT

ich gefunden habe, dass das Ereignis, wenn hat einen Stack-Trace wie folgt aufgerufen:

1. jQuery.fx.tick (jquery-1.8.1.js: 9021)
2. tick (jquery-1.8.1.js: 8499)
3. jQuery.Callbacks.self.fireWith (jquery-1.8.1.js: 1082)
4. jQuery.Callbacks.fire (jquery-1.8.1. js: 974)
5. jQuery.speed.opt.complete (jquery-1.8.1.js: 8991)
6. $ .customEvent (myfile.js: 28)

Dies beweist, dass jQuery trigger Verfahren asynchron ist. (Ich habe mich geirrt ... das beweist nur, dass das Ereignis, das ich anrief, eine Animation enthielt und die erwartete Funktion innerhalb des Callbacks nach der Animation aufruft)

Answer 1

Sie, mein Freund, suchen nach jQuery "wann".

http://api.jquery.com/jQuery.when/

Um alles synchron zu sein zu zwingen, können Sie so etwas wie dieses verwenden ....

$.when($(this).trigger('custom-event')).done(function(){ 
    window.location.href = 'url'; 
}); 

Answer 2

Dokumentation über triggerHandler Lesen:

Anstatt das jQuery-Objekt zurückzugeben (um die Verkettung zu ermöglichen), gibt triggerHandler() den Wert zurück, der vom letzten Handler zurückgegeben wurde, für den die Ausführung ausgeführt wurde. Wenn keine Handler ausgelöst sind, gibt es nicht definiert

Dieser Punkt in der Dokumentation lassen mich denken, dass ein Code wie folgt aus:

// Trigger the custom event 
$(this).triggerHandler('custom-event'); 
// This code will only run when all events are run 
window.location.href = 'url'; 

würde Ihre Anforderungen erfüllen.

Siehe http://api.jquery.com/triggerHandler/