jquery blockui定位答案

【问题标题】：jquery blockui positioningjquery blockui定位
【发布时间】：2011-06-18 18:22:13
【问题描述】：

我正在使用 blockui 在我的网站上投放一些表单，但由于某种原因，blockui 元素位于距屏幕底部约 20-30 像素的位置。我尝试按照文档(jquery blockui options for v2) 使用以下代码重新定位它：

 $.blockUI({css: {top : '10px'}});

但这只是在宇宙中以一种嘲弄的方式对我打哈欠，什么也没做。同样，根据文档，默认值是 top : 40%。我不想抹去所有的blockui css，只是重置顶部定位。

【问题讨论】：

标签： jquery blockui

【解决方案1】：

我使用它，加载消息位于右上角。只需使用适合的css即可。

希望这会有所帮助。

罗伯

$.blockUI({
         message: '<img src="_assets/images/loading.gif" /><span style="margin-left:5px; font-family:arial;">Loading...</span>',
         fadeIn: 700,
         fadeOut: 700,
         timeout: 1000,
         showOverlay: false,
         centerY: false,
         css: {
             width: '150px',
             top: '10px',
             left: '',
             right: '10px',
             border: 'none',
             padding: '5px'
         }
     });

【讨论】：

谢谢，我还不能试，明天试一试。
这里的关键是设置centerY: false。如果不这样做，则设置css: { top: '10px' } 无效。但是有了centerY: false，top 属性就开始了。

【解决方案2】：

文档给出了这个例子：

$.blockUI({ css: { border = '5px solid red'} });

所以我会试试这个：

$.blockUI({ css: {top = '10px'}});

使用等号 (=) 而不是第二个冒号。希望这会有所帮助！

【讨论】：

是的，我尝试了 = 符号但没有成功，但 +1 表示尝试... :)