> I found some problems in jquery blockui plugin, I don't know whether > it is my fault or the plugin's. > > You see the code below: > > <html> > <script type="text/javascript" src="js/jquery-nightly.js"></script> > <script type="text/javascript" src="js/jquery.blockUI.js"></script> > > <script type="text/javascript"> > function block() > { > $('#waitting').show(); > $.blockUI({ > message:$('#waitting'), > css: { > cursor: 'auto' > } > }) > } > function unblock() > { > $.unblockUI(); > $('#waitting').hide(); > } > </script> > <body> > <button onclick="block()"> OK </button> > <div id="waitting" style="display:none"> > <button name="Cancel" onclick="unblock()">Cancel</button> > </div> > </body> > </html> > > What I thought is: > after the "Ok" button is clicked, the page is blocked and the "cancel" > button is shown, then clicked the "cancel" button, the page is > unbloked and the "cancel" button is hidden. > > But in fact, the demo code doesn't work as I expected: the "cancel" > button is still there. > Besides, I use "cursor: 'auto'", but I still got a "wait" cursor. > > Can anyone explain?
You need to remove this line: $('#waitting').show(); The plugin will handle showing the message for you. Regarding the cursor, the styles you provide are applied to the message area, not the page. Mike