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

【问题标题】：jQuery - trying to show a div as a pop-up displays the div within the page layoutjQuery - 尝试将 div 显示为弹出窗口在页面布局中显示 div
【发布时间】：2012-09-15 03:29:11
【问题描述】：

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

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

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

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

我意识到.show() 函数只是让事情出现，但是我怎么能在屏幕内容上显示它，因为那个 div 只是有一个 .gif 微调器图标，指示用户等待？

【问题讨论】：

标签： jquery

【解决方案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 调用结束时将其删除。

其他方式：：

【讨论】：

是的，我知道它会将对话框呈现为弹出窗口，但它有一个背景和一个我不想出现在那里的标题。我只需要让 .gif 文件看起来像一个微调器图像，发出等待的信号。
是的，它摆脱了标题栏，但不知何故没有背景。有没有办法让背景不显示？谢谢！ :)
@Genadinik change .ui-dialog,.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui -resizable {背景：黄色！重要的东西}
我明白了 - 你的意思是使用 css 重新设置它们的样式？
谢谢 - 最后一个问题...因为我希望背景出现在所有其他对话框中，如何使用 jQuery JS 使背景不显示？