SimplePopup.js
A lightweight responsively-behaving jQuery popup plugin, without all of the extra junk.
All you have to do is give a container element the CSS class of .simplePopup. Then on whatever event you like simply call simplePopup on this element.
$(document).ready(function(){ $('a.show1').click(function(){ $('#pop1').simplePopup(); }); });
You can do this for as many different elements as you like...
$(document).ready(function(){ $('a.show1').click(function(){ $('#pop1').simplePopup(); }); $('a.show2').click(function(){ $('#pop2').simplePopup(); }); });
Options
Below is a listing of options you can set....
Option | Value | Default Value | Description | Example |
---|---|---|---|---|
centerPopup | Boolean | true | This setting configures whether the popup is dynamically centered in the viewport when opened | centerPopup: false |
open | Function | function() { } | Callback function that fires when popup is opened | open: function() { console.log("Menu opened"); } |
closed | Function | function() { } | Callback function that fires when popup is closed | closed: function() { console.log("Menu closed"); } |