Verwenden Sie jQuery .trigger, um eine benutzerdefinierte Funktion aufzurufen, die einen Wert zurückgibt.

Question

Gibt es eine Möglichkeit, die Aufrufe von .bind() und .trigger() von jQuery zum Ausführen einer benutzerdefinierten Funktion (zB: save()) zu verwenden und nach der Rückgabe zu handeln von der Methode? Zum Beispiel:

$("#aForm").bind ('save', function() { 
    return true; 
}); 

und dann:

if ($("#aForm").trigger ('save') == true) { 
    doSomething(); 
} 

Answer 1

Warum Sie nicht auf den Rückgabewert in den Rückruf selbst wirken? Es nimmt den zusätzlichen Scheck (das wird nicht funktionieren, wie Sie es erwarten würden).

$("#aForm").bind ('save', function() { 
    if(some stuff happens that is true) { 
     doSomething(); 
    } 

    else { 
     doSomethingElse(); 
    } 
}); 

Rückrufe funktionieren nicht synchron. Sie werden verwendet, um Dinge zu behandeln, die asynchron passieren (wie Ereignisse). Im Kontext von Callbacks handelt es sich um Codeabschnitte, die ausgeführt werden, wenn etwas passiert. Die Rückgabe von Werten ergibt keinen Sinn. Da Sie in Ihrem Beispiel den Rückgabewert des Rückrufs überprüfen möchten, können Sie sicher sein, dass Sie nur einen Rückgabewert erhalten, wenn der Rückruf ausgeführt wird (weil Sie versuchen, sie wie eine normale Funktion zu verwenden). In diesem Fall lege diese Logik in den Callback selbst (wie ich oben gezeigt habe).

Answer 2

Ich weiß, dass diese Frage alt ist, aber vielleicht kann das jemandem helfen.

Wie Paliath gezeigt hat, können Sie keinen Wert zurückgeben, da das Triggerereignis asynchron ist. Sie können ein Objekt als Parameter an das Ereignis übergeben. Standardmäßig sind JavaScript-Objekte immer Referenzen auf das Original.

zB .:

binden:

$(...).bind('example',function (evt,ret) { 
    ret.val = false; 
}); 

Auslöser:

var ret = {ret:true}; 
$(...).trigger('example',[ret]); 
if (!ret.ret) 
    //event return false 
else 
    //event returned true 

Answer 3

Check out triggerHandler(), die auf viele andere Arten wie trigger() wirkt aber ermöglicht es Ihnen, einen Wert zurückgeben.

Aus der Dokumentation:

Die .triggerHandler() Methode verhält sich ähnlich(), um .trigger mit den folgenden Ausnahmen:

• Die .triggerHandler() Methode führt nicht zu der Standardverhalten eines Ereignisses (z. B. eine Formularübergabe).
• Während .trigger() für alle Elemente gilt, die vom jQuery-Objekt abgeglichen werden, wirkt sich .triggerHandler() nur auf das erste übereinstimmende Element aus.
• Ereignisse, die mit .triggerHandler() erstellt wurden, bringen die DOM-Hierarchie nicht zum Platzen; Wenn sie nicht direkt von dem Zielelement behandelt werden, tun sie nichts .
• 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, der ausgeführt wurde.Wenn keine Handler ausgelöst werden, es gibt undefined zurück

Answer 4

Sie auch gebautet jQuery event.preventDefault() und event.isDefaultPrevented() verwenden können:

$("#aForm").bind ('save', function (event) { 
    return true; 
    // "return false" or "event.preventDefault()" have the same effect 
    } 
}); 

und dann:

var event = $.Event('save') 
$("#aForm").trigger (event) 
if (event.isDefaultPrevented() == false) { 
    doSomething(); 
}