defaults = { 'position': "right", // right | inside | overlay 'text': "", // Text to display next to the loader 'class': "icon-refresh", // loader CSS class 'tpl': '<span class="isloading-wrapper %wrapper%">%text%<i class="%class% icon-spin"></i></span>', 'disableSource': true, // true | false 'disableOthers': [] };
This is the most basic setup.
Just use $( "selector" ).isLoading();
and you are done for the setup.
When your action (data loading, etc...) is done, just call $( "selector" ).isLoading( "hide" );
and you are done.
container
Test