如何使用jQuery在load（）之前居中加载div？

我有这样的代码：如何使用jQuery在load（）之前居中加载div？

$("#result").html('<div class="loading">Loading results...</div>'); 
$("#result").load('<?php bloginfo('template_directory'); ?>/GetResults.php?' + $.cookie('nw-query'));

它显示加载DIV直到负载完成。我想在这里做什么，我想要加载div完全在页面/文档的中心？

这是额外的，但可能会很好 - 我也可以褪色文档，直到加载完成，使加载div突出吗？

欢迎任何jQuery/css的建议。

谢谢:)

来源

2010-12-14 Ahmad Fouad

，你可以把一个中心格在你的负荷...

$("#result").html('<div align="center" style="width:100%"><div class="loading">Loading results...</div></div>');

来源

2010-12-14 00:38:01 Ilyssis

如果理解你正确的问题：你需要弄清楚如何既水平居中加载DIV和垂直？如果是这样，我会看看这个问题的答案：Practical solution to center vertically and horizontally in HTML that works in FF, IE6 and IE7。

来源

2010-12-14 00:39:01

+1我同意。把你的屏幕放在那里，直到你有内容，只需更换“加载”div – Kieran 2010-12-14 00:42:41

.loading { 
    width:200px; 
    height:50px; 
    background:#CCC; 
    position:absolute; 
    top:50%; 
    left:50%; 
    margin:-25px 0 0 -100px; /* Half of height and width */ 
    }

如果你不知道宽度/高度或它是动态的，你可以使用.WIDTH（）和.height（）函数来获取价值，应当由2

来源

2010-12-14 00:44:26 Flack

有无分你看着jQueryUI？你可以为此使用模态对话框。 jQueryUi会自动将模式对话框居中，并且可以在对话框完成加载后使对话框消失。有一种方法，以消除从对话框的标题栏： http://www.comanswer.com/question/jquery-ui-dialog-how-to-initialize-without-a-title-bar

我不知道如果这是你在找什么，但它可能避免对你有些头疼以后的道路（和它的漂亮并且您可以拥有自定义主题）。

来源

2010-12-14 00:44:59 tjameson

这可能有点过度消耗，但jQuery UI dialog插件可以实现这些效果（您只是不会将它用于对话...）。查看模式选项和示例。如果你已经使用jQuery UI，可能是值得的...

来源

2010-12-14 00:46:59 Hersheezy

我认为这很不错。但你能告诉我如何初始化它吗？我需要用html（）替换它还是什么？ – 2010-12-14 00:55:17

真的很简单。只需像通常那样定义一些html，选择它并调用$（'div.mydialog'）。dialog（{modal：true）;在上面。 – Hersheezy 2010-12-14 01:02:15

如何使用jQuery在load（）之前居中加载div？

回答

相关问题