El método jQuery callbacks.add() se usa para agregar una devolución de llamada o una colección de devoluciones de llamada a una lista de devolución de llamada. Este método devuelve el objeto de devolución de llamada al que está adjunto (esto).
Sintaxis:
callbacks.add(callbacks)
Parámetros:
- devoluciones de llamada: este parámetro contiene una función, o una array de funciones, que se agregarán a la lista de devolución de llamada.
Ejemplo 1: este método agrega un método fun1() a la devolución de llamada y lo llama.
html
<!DOCTYPE HTML>
<html>
<head>
<title>
jQuery callbacks.add() 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.add() method";
var res = "";
function Geeks() {
// First function to be added to the list
var fun1 = function (val) {
res = res + "This is function 1 and"
+ " value passed is " + val + "<br>";
};
var callbacks = jQuery.Callbacks();
callbacks.add(fun1); //Adding the func1
callbacks.fire("GFG_1"); // Calling the fun1
el_down.innerHTML = res;
}
</script>
</body>
</html>
Producción:
Ejemplo 2: este ejemplo agrega el método fun1() y fun2() a las devoluciones de llamada y luego las llama. Tenga en cuenta que la segunda vez que se llama al método fire() , llama a ambas funciones con el mismo argumento ‘GFG_2’.
html
<!DOCTYPE HTML>
<html>
<head>
<title>
jQuery callbacks.add() 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.add() method";
var res = "";
function Geeks() {
// First function to be added to the list
var fun1 = function (val) {
res = res + "This is function 1 and"
+ " value passed is " + val + "<br>";
};
// Second function to be added to the list
var fun2 = function (val) {
res = res + "This is function 2 and "
+ "value passed is" + val + "<br>";
};
var callbacks = jQuery.Callbacks();
// Adding the function 1
callbacks.add(fun1);
// Calling the function 1
callbacks.fire("GFG_1");
// Adding the function 2
callbacks.add(fun2);
// Calling the function 2
callbacks.fire("GFG_2");
// res of the both functions
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