显示loading.gif直到页面加载到iframe里面的jQuery UI对话框

Question

我想要显示loading.gif点击jQuery UI对话框与iframe直到页面加载到iframe中。有人知道这个问题吗？可能吗？ 这是我的代码：

$('.dialog').click(function(e) { 

    e.preventDefault(); 
    var $this = $(this); 
    var horizontalPadding = 30; 
    var verticalPadding = 30; 

    $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({ 
     title: ($this.attr('title')) ? $this.attr('title') : 'External Site', 
     autoOpen: true, 
     width: 800, 
     height: 500, 
     modal: true, 
     buttons: { 
      "Zatvori": function() { 
       $(this).dialog("close"); 
      } 
     }, 

     resizable: true, 
     autoResize: true, 
     overlay: { 
      opacity: 0.5, 
      background: "black" 
     }, 

     close: function(event, ui) { 
      $(function() { 
       var theVal = $.cookies.get('updatedForm'); 

       if (theVal != null) { 
        $.cookies.del('updatedForm'); 
        location.reload(true); 
       } 
      }); 
     } 

    }).width(800 - horizontalPadding).height(500 - verticalPadding); 

Answer 1

问题解决了。我在Elijah Manor博客上发布了这个问题（上面的代码来自他的博客） http://elijahmanor.com/webdevdotnet/post/jQuery-UI-Dialog-w-Resizable-iFrame.aspx#id_6dccd7c1-56da-49b3-bb61-3b50a12aae45并得到了Dan的解决方案，他在其博客中发布了jQuery Frame Dialog插件的链接。

希望这有助于某人。这对我帮助很大。