顯示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插件的鏈接。

希望這有助於某人。這對我幫助很大。