jquery blockui定位

发布于 2024-10-15 06:57:09 字数 348 浏览 1 评论 0原文

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

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

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

I'm using blockui to throw some forms up on my site but for some reason the blockui element is positioned about 20-30 pixels from the bottom of the screen. I tried, per the docs (jquery blockui options for v2) to reposition it using this code:

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

But that just yawned at me in a universe mocking kind of way and did nothing. The default, again, per the docs, is top : 40%. I don't want to wipe out all the blockui css, just reset the top positioning.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

通知家属抬走 2024-10-22 06:57:09

我使用它,加载消息位于右上角。只需使用适合的 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'
         }
     }); 

I use this and the Load Message is positioned to the top right hand corner. Just play with the css to suit.

Hope this helps.

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'
         }
     }); 
何以畏孤独 2024-10-22 06:57:09

文档给出了这个例子:

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

所以我会尝试这个:

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

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

The documentation gives this example:

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

So I would try this:

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

Using an equal sign (=) instead of a second colon. Hope this helps!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文