jQuery的 - 試圖顯示一個div作爲彈出顯示的頁面佈局

Question

我試圖做這樣的事情在我的jQuery內的DIV：

$("#loading").show(); 

這裏是#loading格，我有爲display:none在屏幕的底部：

<div id="loading" style="display:none; "> 
    <p><img src="img/ajax-loader.gif" /> Please Wait</p> 
</div> 

我意識到.show()功能只是使事情出現，但我怎麼能顯示此疊加在屏幕上的內容，因爲該div只是有一個.gif微調圖標信號用戶等待？

Answer 1

我這樣做的方法之一是通過創建一個對話框。

$("#loading").dialog({ 
        height: 140, 
        width:160, 
        modal: true, 
        resizable : false, 
        draggable : false, 
        closeOnEscape: false //So that dont close on escape 
        }); 
$(".ui-dialog-titlebar").hide(); //No title bar 
     $(".ui-dialog").css("padding","0px"); //Remove extra spacing 

並在ajax調用結束時刪除它。

其他方式::

1. Use JQUERY BLOCK UI PLUGIN
2. Using CSS FIXED Position