如何在使用jquery ui对话框iframe时显示正在加载的gif

我有这段jquery代码。我正在试图找到一种方法，在这个iframe加载时加载gif。谢谢你的建议

var $dialog = $('<div></div>')
.html('<iframe style="border: 0px; " src="/servlet/trainingServlet?method=editDoc&dir=<%=legDir%>&ID=-1" width="100%" height="580"></iframe>')
.dialog({
     autoOpen: false,
     modal: true,
     height: 575,
     width: 680,
     title: 'edit',
     position: [200, 100],
     buttons: {
         Close: function() {
               $( this ).dialog( "close" );
         }
     }
  });
  $dialog.dialog('open');

---

谢谢

您可以在dialog.open之后显示CSS div，然后在加载时让loadServlet HTML再次隐藏它。比如：

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

---

请参见

谢谢，但这并没有真正显示在对话框中。我想这就是我要问的，为了让它在对话框中显示出来，您必须让servlet的输出…加载，然后在$document.ready块中替换。但听起来你已经知道了。您应该研究使用$.ajax.load获取servlet。那你可以…对不起。。。应该说……然后可以将事件绑定到ajax调用的开始和结束。再次，-向下滚动到第二个答案-很好地解释了这一点。