JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Expected result:</h1>
<div>
<div>callback 1 called</div>
<div>callback 2 called</div>
<div>callback 1 called</div>
<div>callback 2 called</div>
</div>
<h1>Result:</h1>
<div id="log"></div>
JavaScript
var callbacks = $.Callbacks('memory');
callbacks.add(function() {
$('#log').append('<div>callback 1 called</div>');
throw Error('test');
});
callbacks.fire();
// callback 2 is not called
callbacks.add(function() {
$('#log').append('<div>callback 2 called</div>');
});
// doesn't fire
callbacks.fire();