jquery - jQuery - 尝试将 div 显示为弹出窗口在页面布局中显示 div

Question

我试图在我的 jQuery 中做这样的事情：

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

这是#loading我display:none在屏幕底部的 div：

<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. 使用 JQUERY BLOCK UI 插件
2. 使用 CSS 固定位置