如何使用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？

回答

相關問題