jQuery: Remove a single callback or a set of callbacks from a callback list

Last update on August 19 2022 21:50:45 (UTC/GMT +8 hours)

jQuery Fundamental - II : Exercise-52

Remove a single callback or a set of callbacks from a callback list.

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>Remove a single callback or a set of  callbacks from a callback list.</title>
  </head>
  <body>
</body>
</html>

JavaScript Code :

// A sample function f1 
var foo = function( value ) {
  console.log( "foo: " + value );
};
 
var callbacks = $.Callbacks();
 
// Add f1 to the callback list
callbacks.add( foo );
 
// Fire the items on the list, passing an argument
callbacks.fire( "JavaScript" );
 
// Lock the callbacks list
callbacks.lock();
 
// Test the lock-state of the list
console.log ( callbacks.locked() );
// true

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

Contribute your code and comments through Disqus.

Previous: Check the lock-state of a callback list.
Next: Attaches a change event to the select element (Use to create a drop-down list.) that gets the text for each selected option and writes them in a paragraph.