Question

我试图在我的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微调器图标，向用户发出信号等待？

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调用结束时将其删除。

其他方式::

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

1 个答案: