blockUI1.33参数

简介: The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1].
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/

转载请注明:博客园

目录
相关文章
|
6月前
|
JavaScript 前端开发
JS中oninput和onchange事件的区别
JS中oninput和onchange事件的区别
03jqGrid - colModel 参数
03jqGrid - colModel 参数
32 0
|
16天前
|
JavaScript 前端开发
.js方法参数argument
【10月更文挑战第26天】`arguments` 对象为JavaScript函数提供了一种灵活处理参数的方式,能够满足各种不同的参数传递和处理需求,在实际开发中具有广泛的应用价值。
34 7
|
6月前
|
JavaScript 前端开发 流计算
JS:oninput和onchange事件的区别
JS:oninput和onchange事件的区别
135 1
|
6月前
|
监控 JavaScript
JS中onchange和oninput有什么区别
JS中onchange和oninput有什么区别
57 0
|
JavaScript
关于jQuery中toggle参数callback函数提前执行问题
关于jQuery中toggle参数callback函数提前执行问题
97 0
|
JavaScript
jquery attr()方法获取input的checked属性问题
jquery attr()方法获取input的checked属性问题
133 0
|
JavaScript 索引
JS中的arguments参数
JavaScript 开发中,函数方法一般都会通过指定具体的参数名来接收参数,但是,当参数不固定时,可通过arguments来操作函数接收到的参数。此外,并不是只有此方法可以接收任意参数,现代有很多处理方案,此处只提供一种。
202 0
JS中的arguments参数
|
JavaScript
jQuery|event的属性和方法
jQuery事件对象event的属性和方法 事件处理(事件对象、目标元素的获取,事件对象的属性、方法等)在不同浏览器之间存在差异,jQuery在遵循W3C规范的情况下做了封装统一 事件对象常用的属性: event.
1026 0
|
前端开发 JavaScript 数据安全/隐私保护