blockUI1.33參數

The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction.

    這個插件可以讓你鎖定浏覽器進而組織使用者的操作直到解鎖。    使用非常簡單。

    鎖定：

$.blockUI();

    解鎖鎖定：

$.unblockUI();

   在Ajax中使用。當觸發Ajax是進行鎖定，結束時解鎖

： $().ajaxStart($.blockUI).ajaxStop($.unblockUI);

   以下是BlockUI預設參數配置：

$.blockUI.defaults = { 
    // message displayed when blocking (use null for no message) 
     message:  '<h1>Please wait...</h1>', 

    // styles for the message when blocking; if you wish to disable 
    // these and use an external stylesheet then do this in your code: 
    // $.blockUI.defaults.css = {}; 
     css: { 
         padding:        0, 
         margin:         0, 
         width:          '30%', 
         top:            '40%', 
         left:           '35%', 
         textAlign:      'center', 
         color:          '#000', 
         border:         '3px solid #aaa', 
         backgroundColor:'#fff', 
         cursor:         'wait' 
     }, 

    // styles for the overlay 
     overlayCSS:   { 
         backgroundColor:'#000', 
         opacity:        '0.6' 
     }, 

    // styles applied when using $.growlUI 
     growlCSS: { 
         width:    '350px', 
         top:      '10px', 
         left:     '', 
         right:    '10px', 
         border:   'none', 
         padding:  '5px', 
         opacity:  '0.6', 
         color:    '#fff', 
         backgroundColor: '#000', 
        '-webkit-border-radius': '10px', 
        '-moz-border-radius':    '10px' 
     }, 

    // z-index for the blocking overlay 
     baseZ: 1000, 

    // set these to true to have the message automatically centered 
     centerX: true, // <-- only effects element blocking (page block controlled via css above) 
     centerY: true, 

    // allow body element to be stetched in ie6; this makes blocking look better 
    // on "short" pages.   disable if you wish to prevent changes to the body height 
     allowBodyStretch: true, 

    // be default blockUI will supress tab navigation from leaving blocking content; 
     constrainTabKey: true, 

    // fadeIn time in millis; set to 0 to disable fadeIn on block 
     fadeIn:  200, 

    // fadeOut time in millis; set to 0 to disable fadeOut on unblock 
     fadeOut:  400, 

    // time in millis to wait before auto-unblocking; set to 0 to disable auto-unblock 
     timeout: 0, 

    // disable if you don't want to show the overlay 
     showOverlay: true, 

    // if true, focus will be placed in the first available input field when 
    // page blocking 
     focusInput: true, 

    // suppresses the use of overlay styles on FF/Linux (due to performance issues with opacity) 
     applyPlatformOpacityRules: true, 

    // callback method invoked when unblocking has completed; the callback is 
    // passed the element that has been unblocked (which is the window object for page 
    // blocks) and the options that were passed to the unblock call: 
    //      onUnblock(element, options) 
     onUnblock: null, 

    // don't ask; if you really must know: http://groups.google.com/group/jquery-en/browse_thread/thread/36640a8730503595/2f6a79a77a78e493#2f6a79a77a78e493 
     quirksmodeOffsetHack: 4 
}; 
           

部落格園大道至簡

http://www.cnblogs.com/jams742003/

轉載請注明：部落格園