JQuery callbacks.disable() method

This callbacks.disable() method in JQuery is used to disable a callback list from doing any other operation further. This method returns the Callbacks object onto which it is attached (this)
Syntax:

callbacks.disable()

There are two examples discussed below:

  • Example: This example disables the callback after adding and firing a function.

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!DOCTYPE HTML> 
    <html>  
    <head
        <title
          JQuery | callbacks.disable() method
        </title>
        <script src=
    </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.disable() method";
            var res = "";
            function Geeks() {
                // first function to be added to the list
                var fun1 = function(val) {
                  res = res + 
    "This is function 1 and value passed is " + val + "<br>";
                };  
                // second function to  be added to the list
                var fun2 = function(val) {
                  res = res + 
    "This is function 2 and value passed is" + val + "<br>";
                };
                var callbacks = jQuery.Callbacks();
                callbacks.add(fun1); // adding the function 1
                callbacks.fire("GFG_1"); // calling the function 1
                callbacks.disable(); /*disables further calls 
                                       to a callback list*/
                callbacks.add(fun2); // This will not work.
                callbacks.fire("GFG_2"); // This will not work.
                el_down.innerHTML = res;
            
        </script
    </body>   
    </html>     

    chevron_right

    
    

  • Output:
  • Example: This example provides a button to first disable the callbacks and then add and fire the method to see the result.

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!DOCTYPE HTML> 
    <html>  
    <head
        <title
          JQuery | callbacks.disable() method
        </title>
        <script src=
    </head>   
    <body style="text-align:center;">
        <h1 style="color:green;">  
            GeeksForGeeks  
        </h1
        <p id="GFG_UP"
        </p>
        <button onclick = "Geeks();">
        click here
        </button>
        <button onclick = "disable();">
        disable
        </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.disable() method";
            var res = "";
            var callbacks = jQuery.Callbacks();
            function disable() {
                callbacks.disable();
            }
            function Geeks() {
                // first function to be added to the list
                var fun1 = function(val) {
                  res = res + 
    "This is function 1 and value passed is " + val + "<br>";
                };  
                // second function to  be added to the list
                var fun2 = function(val) {
                  res = res + 
    "This is function 2 and value passed is" + val + "<br>";
                };
                callbacks.add(fun1); // adding the function 1
                callbacks.fire("GFG_1"); // calling the function 1
                callbacks.add(fun2); // This will not work.
                callbacks.fire("GFG_2"); // This will not work.
                el_down.innerHTML = res;
            
        </script
    </body>   
    </html>     
      

    chevron_right

    
    

  • Output:

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.