Heim > Artikel > Web-Frontend > So verwenden Sie die Callback-Methode in JQuery
So verwenden Sie die Callback-Methode in JQuery
- WBOYOriginal
- 2022-05-18 17:03:182148Durchsuche
In jquery wird die Callback-Methode als Parameter der Effektmethode verwendet. Diese Methode wird normalerweise als letzter Parameter der Methode angezeigt. selector).hide(duration, easing). , callback);".
Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.
So verwenden Sie die Callback-Methode in jquery
JavaScript-Anweisungen zur zeilenweisen Ausführung. Da die Fertigstellung von jQuery-Effekten jedoch einige Zeit in Anspruch nimmt, kann es sein, dass die nächste Codezeile ausgeführt wird, während der vorherige Effekt noch ausgeführt wird. Dadurch werden Fehler generiert.
Um dies zu verhindern, stellt jQuery für jede Effektmethode eine Callback-Funktion bereit.
Nachdem der aktuelle Effekt abgeschlossen ist, wird die Rückruffunktion ausgeführt.
Callback-Funktionen werden als Argumente an Effektmethoden übergeben, sie erscheinen normalerweise als letztes Argument der Methode.
Typische Syntax: $(selector).hide(duration, easing, callback);
Das folgende Beispiel verfügt über einen Callback-Parameter, bei dem es sich um eine Funktion handelt, die ausgeführt wird, nachdem der Ausblendeffekt abgeschlossen ist:
Das Beispiel ist wie folgt folgt:
<!DOCTYPE html>
<html>
<title>jQuery 使用回调函数示例</title>
<head>
<script src="js/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide("slow", function(){
alert("段落现在隐藏起来了");
});
});
});
</script>
</head>
<body>
<button>隐藏</button>
<p>这是一个段落。</p>
</body>
</html> Ausgabeergebnis:
Nach dem Klicken auf die Schaltfläche:
Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Callback-Methode in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!