jQuery callbacks.fire() Method

Last Updated:

jQuery callbacks.fire() Method

The jQuery callbacks.fire() method calls all of the callbacks with the given arguments.

Note: $.Callbacks() is a multi-purpose callbacks list object that provides a powerful way to manage callback lists.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery callbacks.fire() Method</h1> <p>Click on the button and check your console.</p> <button>Click Me</button> <script> $(document).ready(function(){ $("button").click(function(){ var callbacks = $.Callbacks(); callbacks.add(foo); callbacks.add(bar); callbacks.fire("hello"); function foo(value){ console.log("foo : " +value); } function bar(value){ console.log("bar : " +value); } }); }); </script> </body> </html>

Syntax

callbacks.fire(args);

Parameter Values

Value Type Explanation
args Required Specifies the argument or list of arguments to pass back to the callbacks list.

Browser Support

Devicedesktopmobile
Browsergoogle chromesafarifirefoxinternet Exploreredgeoperagoogle chromesafarifirefoxedgeoperaandroid webviewsamsung internet
callbacks.fire()YesYesYesYesYesYesYesYesYesYesYesYesYes

Deep Understanding

The following example will fire foo function for 2 times and bar function for just 1 time.

Example

HTML Editor
<!DOCTYPE html> <html lang="en-US"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> </head> <body> <h1>jQuery callbacks.fire() Method</h1> <p>Click on the button and check your console.</p> <button>Click Me</button> <script> $(document).ready(function(){ $("button").click(function(){ var callbacks = $.Callbacks(); callbacks.add(foo); callbacks.fire("hello foo"); callbacks.add(bar); callbacks.fire("hello bar"); function foo(value){ console.log("foo : " +value); } function bar(value){ console.log("bar : " +value); } }); }); </script> </body> </html>

Share this Page

Meet the Author