Jquery BlockUI Example - Jquery

How to use blockUI in jquery?

Snippet Code


  
Rate this page :
  [ 0 votes]

This sample code allows you to block the appearance and behavior of user interaction. Here jquery blockUI plugin is used to block the page on a callback function starts. The jquery code to block a page is given below.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src='http://malsup.github.io/jquery.blockUI.js'></script> <script> $(document).ready(function() { $('#btn').click(function() { $.blockUI({ fadeIn: 3000, timeout: 5000, onBlock: function() { alert('Block Page OnCallback'); } }); }); }); </script> <input type='button' value='Block Page' id='btn'>

Tags


Ask Questions

Ask Question