Método JQuery callbacks.disable()

Este método callbacks.disable() en JQuery se usa para deshabilitar una lista de devolución de llamadas para que no realice ninguna otra operación. Este método devuelve el objeto Callbacks al que está adjunto (esta)
Sintaxis:

callbacks.disable()

Hay dos ejemplos discutidos a continuación:

Ejemplo: este ejemplo deshabilita la devolución de llamada después de agregar y activar una función.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | callbacks.disable() method
    </title>
    <script src=
"https://code.jquery.com/jquery-3.5.0.js"></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.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>     

Producción:

Ejemplo: este ejemplo proporciona un botón para deshabilitar primero las devoluciones de llamada y luego agregar y activar el método para ver el resultado.

<!DOCTYPE HTML> 
<html>  
<head> 
    <title> 
      JQuery | callbacks.disable() method
    </title>
    <script src=
"https://code.jquery.com/jquery-3.5.0.js"></script> 
</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>     
  

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta