jQuery BlockUI 定位

Question

我正在使用blockui在我的网站上展示一些表单，但不知何故，blockui元素的位置距离屏幕底部约20-30像素。我尝试根据文档(jquery blockui options for v2)，使用以下代码重新定位它：

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

但是它只是以一种嘲讽的方式打了个哈欠，什么也没做。根据文档，缺省值是 top: 40%。我不想清除所有的 blockui css，只想重置顶部定位。

- PruitIgoe

Answer 1

我使用这个代码，并将“加载消息”定位到右上角。只需根据需要调整CSS即可。

希望能对你有所帮助。

Rob

$.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'
         }
     }); 

- Rob

---

谢谢，我现在还不能尝试，明天会试一下。 - PruitIgoe

这里的关键是设置 centerY: false。如果你不这样做，那么设置 css: { top: '10px' } 就没有任何效果。但是通过设置 centerY: false，top 属性就会生效。 - zachelrath

Answer 2

文档提供了以下示例：

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

所以我会尝试这个：

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

使用等号（=）代替第二个冒号。希望这可以帮到你！

- Peter

---

是的，我尝试了等于号，但没有成功，不过还是给你加一分尝试的努力...：） - PruitIgoe