El método jQuery callbacks.fire() se usa para llamar a todas las devoluciones de llamada con los argumentos dados en la lista. Este método devuelve el objeto de devolución de llamada al que está adjunto (este).
Sintaxis:
callbacks.fire( arguments )
Parámetros:
- argumentos: este parámetro define el argumento o la lista de argumentos para devolver a la lista de devolución de llamada.
Valor devuelto: este método devuelve el objeto de devolución de llamada al que está adjunto (este).
Ejemplo 1: este ejemplo agrega fun1() a las devoluciones de llamada y luego llama al método fire() y luego nuevamente agrega el mismo método llamando a las devoluciones de llamada con un argumento diferente.
<!DOCTYPE HTML>
<html>
<head>
<title>
jQuery callbacks.fire() method
</title>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"></p>
<button onclick="Geeks();">
click here
</button>
<p id="GFG_DOWN"></p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML = "JQuery | callbacks.fire() method";
var result = "";
var callbacks = jQuery.Callbacks();
function Geeks() {
// First function to be added to the list
var fun1 = function (val) {
result = result + "This is function 1 "
+ "and value passed is " + val + "<br>";
};
// Adding the function 1
callbacks.add(fun1);
// Calling with 'GFG_1'
callbacks.fire("GFG_1");
// Adding the function 1 again
callbacks.add(fun1);
// Calling with argument'GFG_2'
callbacks.fire("GFG_2");
el_down.innerHTML = result;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: Este ejemplo agrega las 2 funciones diferentes y las llama con diferentes argumentos.
<!DOCTYPE HTML>
<html>
<head>
<title>
JQuery | callbacks.fire() method
</title>
<script src=
"https://code.jquery.com/jquery-3.5.0.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_UP"></p>
<button onclick="Geeks();">
click here
</button>
<p id="GFG_DOWN"></p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
el_up.innerHTML = "JQuery | callbacks.fire() method";
var result = "";
var callbacks = jQuery.Callbacks();
function Geeks() {
// function to be added to the list
var fun1 = function (val) {
result = result + "This is function 1 and"
+ " value passed is " + val + "<br>";
};
var fun2 = function (val) {
result = result + "This is function 2 and"
+ " value passed is " + val + "<br>";
};
callbacks.add(fun1); // Adding the function 1
callbacks.fire("GFG_1"); // Calling with 'GFG_1'
callbacks.add(fun2); // Adding the function 2
callbacks.fire("GFG_2"); // Calling with 'GFG_2'
el_down.innerHTML = result;
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA