jQuery.doodal.js

jQuery.doodal.js is a very simplistic modal plugin for jQuery. It has custom events, allows stacking, and is powered by CSS transitions.

Look at your console to see the events firing!

View the project on Github.

Demo Modals

Usage

Instatiate a new doodal. Those are all the default options so in this specific example I am not actually overwriting anything.

$('.doodal').doodal({
      type: 'modal',
      closeclass: '.doodal-close',
      trueclass: '.doodal-true',
      falseclass: '.doodal-false',
      showclass: 'showing',
      escape: true
      });

escape: true binds the escape key to closing. This does not work well with multiple/stacked modals.

Now trigger an open to see it:

$('#doodal1').trigger('open');

Custom Events

open: - when the modal starts to open
afteropen: - after the animation is over and it is open
ontrue: - for confirms yes button
onfalse: - for confirms no button
close: - when the close is clicked
afterclose: - after the animation is over and it is hidden