jQuery: Test if the callback list has been disabled

Last update on May 30 2022 10:19:20 (UTC/GMT +8 hours)

jQuery Fundamental - I : Exercise-44

Test if the callback list has been disabled.

Sample solution :

HTML Code :

<!DOCTYPE html>
  <html>
  <head>
  <script src="https://code.jquery.com/jquery-git.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Test if the callback list has been disabled.</title>
  </head>
  <body>
</body>
</html>

JavaScript Code :

// A sample logging function 
var f1 = function( value ) {
  console.log( "f1:" + value );
};

var callbacks = $.Callbacks();
 // Add the  function f1 to the callback list
callbacks.add( f1 );
 
// Fire the items on the list, passing an argument
callbacks.fire( "jQuery" );
// Outputs "f1: jQuery"
 
// Disable the callbacks list
callbacks.disable();
 
// Check the disabled state of the list
console.log ( callbacks.disabled() );
// Outputs: true

See the Pen jquery-fundamental-exercise-44 by w3resource (@w3resource) on CodePen.

Contribute your code and comments through Disqus.

Previous: Disable a callback list from doing anything more.
Next: Using jQuery remove all of the callbacks from a list.