El método callbacks.fireWith() en jQuery se usa para llamar a todas las devoluciones de llamada que están actualmente en la lista con el contexto y los parámetros dados.
Sintaxis:
callbacks.fireWith([context][, params])
Parámetros:
- context: este parámetro define la referencia al contexto en el que deben activarse las devoluciones de llamada de la lista.
- params: este parámetro es una array o un objeto similar a una array de parámetros que se pasarán a las devoluciones de llamada en la lista. Si no se usa o no está definido, no se pasará ningún parámetro.
Valor devuelto: este método devuelve el objeto de devolución de llamada al que está adjunto.
Ejemplo 1: este ejemplo usa el contexto ‘ventana’ y pasa el parámetro a la función.
<!DOCTYPE HTML>
<html>
<head>
<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>
JQuery | callbacks.fireWith() method
</p>
<button onclick="Geeks();">
click here
</button>
<p id="GFG_DOWN"></p>
<script>
var el_down = document.getElementById("GFG_DOWN");
var res = "";
var callbacks = jQuery.Callbacks();
function Geeks() {
// First function to be added to the list
var func = function (val) {
res = res + "value passed is - " + val;
};
// Add the function func to
// the callbacks list
callbacks.add(func);
// Fire the callbacks on the list
// using the context "window"
// and an parameters array
callbacks.fireWith(window, ["gfg_1"]);
el_down.innerHTML = res;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo usa el contexto ‘ventana’ y pasa el parámetro 2 a la función.
<!DOCTYPE HTML>
<html>
<head>
<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>
JQuery | callbacks.fireWith() method
</p>
<button onclick="Geeks();">
click here
</button>
<p id="GFG_DOWN"></p>
<script>
var el_down = document.getElementById("GFG_DOWN");
var res = "";
var callbacks = jQuery.Callbacks();
function Geeks() {
// first function to be added to the list
var func = function (val_1, val_2) {
res = res + "values passed are - "
+ val_1 + ", " + val_2;
};
// Add the function func to
// the callbacks list
callbacks.add(func);
// Fire the callbacks on the
// list using the context "window"
// and an parameters array
callbacks.fireWith(window, ["gfg_1", "gfg_2"]);
el_down.innerHTML = res;
}
</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