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

Question

我有这段 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');

谢谢

Answer 1

您可以在之后显示一个 CSS div dialog.open()，然后在loadServlet加载时让 HTML 再次隐藏它。就像是：

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

请参阅如何使用 jQuery 创建“请稍候，正在加载...”动画？