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

时间:2012-04-11 13:30:53

标签: jquery jquery-ui

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

感谢

1 个答案:

答案 0 :(得分:0)

您可以在dialog.open()之后显示一个CSS div,然后让loadServlet HTML在加载时再次隐藏它。类似的东西:

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

请参阅How can I create a "Please Wait, Loading..." animation using jQuery?