jQuery callbacks.lock() Method
The callbacks.lock() method in jQuery is used to lock a callback list in the state.
Syntax:
callbacks.lock()
Return Value: This method returns the callbacks object onto which it is attached.
Example 1: This example first adds and fires the function, then locks the callbacks list and then again adds and fires the function.
<!DOCTYPE HTML> <html> <head> <script src= </script> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p> JQuery | callbacks.lock() 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() { var func = function (val) { res = res + "value passed is - " + val; }; // Function added to list callbacks.add(func); callbacks.fire("gfg_1"); // Locking the callback list callbacks.lock(); // Function again added to list callbacks.add(func); callbacks.fire("gfg_2"); el_down.innerHTML = res; } </script> </body> </html> |
chevron_right
filter_none
Output:
Example 2: This example provides a button to lock the list and then add and fire the function to check whether the method is working or not.
<!DOCTYPE HTML> <html> <head> <script src= </script> </head> <body style="text-align:center;"> <h1 style="color:green;"> GeeksForGeeks </h1> <p> JQuery | callbacks.lock() method </p> <button onclick="Geeks();"> click here </button> <button onclick="lock();"> lock here </button> <p id="GFG_DOWN"></p> <script> var el_down = document .getElementById("GFG_DOWN"); var res = ""; var callbacks = jQuery.Callbacks(); function lock() { callbacks.lock(); } function Geeks() { // Function to be added to the list var fun = function (val) { res = res + "This is function and " + "value passed is " + val + "<br>"; }; callbacks.add(fun); // Adding callbacks.fire("GFG_1"); el_down.innerHTML = res; } </script> </body> </html> |
chevron_right
filter_none
Output:
