The callbacks.fireWith() method in jQuery is used to call all the callbacks which are currently in the list with the given context and parameters.
Syntax:
callbacks.fireWith([context][, params])
Parameters:
- context: This parameter defines the reference to the context in which the callbacks in the list should be fired.
- params: This parameter is an array or array-like object of parameters to be passed to the callbacks in the list. If not used or undefined, no parameters will be passed.
Return Value: This method returns the callback object onto which it is attached.
Example 1: This example uses the context ‘window’ and passes the parameter to the function.
<!DOCTYPE HTML> <html>
<head>
<script src=
</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>
|
Output:
Example 2: This example uses the context ‘window’ and passes the 2 parameter to the function.
<!DOCTYPE HTML> <html>
<head>
<script src=
</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>
|
Output: