<!DOCTYPE HTML>
<
html
>
<
head
>
<
title
>
JQuery | callbacks.fire() method
</
title
>
<
script
src
=
</
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
>