jQuery callbacks.fireWith() Method
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 > |
chevron_right
filter_none
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 > |
chevron_right
filter_none
Output: