Basic Responsive jQuery Popup Winwos Plugin - maskui

Basic Responsive jQuery Popup Winwos Plugin - maskui
File Size: 42.6 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

maskui is a lightweight yet powerful jQuery plugin which helps you create responsive clean dialog/alert/confirm boxes or modal windows with ease.

How to use it:

1. Load the required stylesheet in the head section of the web page.

<link href="css/maskui.css">

2. Load jQuery library and the jQuery maskui plugin at the bottom of the web page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/maskui.js"></script>

3. Open a basic dialog box that loads content form an existing DOM element.

$('#btn').on('click', function(e){
  $.maskUI.open({
    elem: $('#mydialog')
  });
});

4. Open an alert box.

$('#btn').on('click', function(){
  $.maskUI.alert('jQuery Script');
});

5. Open a confirm box.

$('#btn').on('click', function(){
  $.maskUI.confirm({
    msg: 'Are you sure to delete this item!',
    callback: function(){
      alert('ok');
    }
  })
});

6. Open a confirm box.

$('#btn').on('click', function(){
  $.maskUI.confirm({
    msg: 'Are you sure to delete this item!',
    callback: function(){
      alert('ok');
    }
  })
});

Change log:

2014-08-28

  • fix.

This awesome jQuery plugin is developed by walkingmontage. For more Advanced Usages, please check the demo page or visit the official website.