jquery-blockui

问题 I'm having troubles getting JQuery blockUI to work. I'm using this code: $.blockUI({ message : null, overlayCSS : { backgroundColor : '#000000;', opacity : .4 } }); If I just call the above and then call the sleep function below I get the following behavior: Nothing happens for 5 seconds The block flashes var start = new Date().getTime(); for (var i = 0; i < 1e7; i++) { if ((new Date().getTime() - start) > 5000) { break; } } If I run this code: alert("foo"); $.blockUI({ message : null,

问题 I was wondering if anyone could shed insight as to how I could add a spinning preloader (like apple uses) using the jQuery Block UI plugin. The preloader would have to spin until the AJAX content loads. Is this possible with Block UI? Any direction would be helpful, thanks! 回答1: Find a good animated throbber image off the web, like this: Set up a hidden throbber div to show it. <div id="throbber" style="display:none;"> <img src="/img/busy.gif" /> </div> Tell blockUI to use that div as the

问题 I was wondering if anyone could shed insight as to how I could add a spinning preloader (like apple uses) using the jQuery Block UI plugin. The preloader would have to spin until the AJAX content loads. Is this possible with Block UI? Any direction would be helpful, thanks! 回答1: Find a good animated throbber image off the web, like this: Set up a hidden throbber div to show it. <div id="throbber" style="display:none;"> <img src="/img/busy.gif" /> </div> Tell blockUI to use that div as the

问题 I am using JQuery BLOCKUI for Element Blocking but it's showOverlay: false option is not working any idea ?? $("#MessageMOCKUP").block({ css: { border: 'none', padding: '15px', showOverlay: false, backgroundColor: '#000', '-webkit-border-radius': '10px', '-moz-border-radius': '10px', opacity: .5, color: '#fff' } }); 回答1: From the options documentation of the jQuery blockUI , the showOverlay option is not included in the css option. css is only for the message that is used for blocking. If you

问题 I have used blockUI PLUGIN from https://github.com/McNull/angular-block-ui Problem i'm facing is that i want to dislay loading gif along with Saving Synids... Message. So how can i do that. $scope.saveDefSynId = function(item, event) { if($rootScope.savedSynids.length!==0){ **blockUI.start({message: 'Saving Synids...'});** var toSaveSynid=[]; angular.forEach($rootScope.savedSynids, function(value){ if(value.isSaved=='Y'|| value.isUpdated=='Y'){ toSaveSynid.push(value); } }); var clientId=

问题 I'm attempting to use blockUI to block the interface of my web app while performing an ajax operation, but the screen was refusing to gray out for me in firefox (although the message box does show up). I finally figured out that everything was working except the calls to jquery's fadeIn or show. blockUI starts with elements that have explicitly declared styles of "display: none;" and calls jquery's "fadeIn()" or "show()" functions do display them. Is there anything I'm missing in either

问题 ANSWER : The fix for this problem is this : Change selector from $('#Button3') to $('#<%= Button3.ClientID %>') Thanks to Yuri. ISSUE : I am trying to get a button click to run the JQuery BlockUI plugin. I am having some issues this is my first shot at JQuery. I do have the Hello World pop-up example working so I think I am close but could use some help getting the rest worked out. Here is the code... <script src="../../scripts/jquery-1.2.6.js" type="text/javascript"></script> <script src="..

问题 I have folowing code where i am using block ui,but its not blocking the page.i am using ajax call to get user control result (partial view) to load into div in page.during ajax call i want to block the complete page using blockui. $('#btnGO').click(function() { if (validate()) { alert("loading"); $.blockUI({ message: '<img src="/Content/images/ajax-loader.gif"/>' }); //this is not working $.ajax({ type: "POST", url: "/Controller/action/", //to get the partial view async: false, cache: false,

问题 I'm trying to use blockUI but although it passes over with no errors, it doesn't work the code below is all within the $(document).ready() function $("#btnSaveJob").click(function () { if ($("#frmJobDetails").valid()) { $("#frmJobDetails").submit(); } }); $("#frmJobDetails").submit(function (e) { $('#jobDetails').block({ message: 'Saving, please wait...', centerX: true, centerY: true, css: { width: '600px', height: '300px', border: '3px solid #FF9900', backgroundColor: '#000', color: '#fff',

问题 I have a jqGrid (4.1.1) using a simple subgrid. When a record is plus-ed out to view the subgrid, a loadui different from my normal one pops up. My current configuration is to use loadui: none , and on the beforeRequest event I show my own loader. If I use my custom one on the subGridBeforeExpand event, it shows my message as well as the default message. I also don't see where I would hide my div when loading is complete. subGridRowExpanded doesn't seem to be the right place. In short: Is