JQuery Dialog在asp.net中加載數據加載效果mvc

Question

我正在使用asp.net mvc。我試圖用JQuery對話框顯示一個彈出窗口。我已經加載對話框與我的動作一樣，

$('#dialog').dialog({ 
       autoOpen: false, 
       modal: true, 
       width: 520, 
       height: 'auto', 
       title: 'Edit Zip Code', 
       position: 'center', 
       show: { effect: 'fade', duration: 800 }, 
       open: function (event, ui) { 
        $(this).load("/GridAjax/CreateAlbumPartial?id=" + guid); 
       }, 
       close: clear, 
       buttons: { 
        "Update": function() { 
        .... 
} 
}); 

現在我的視圖加載速度稍慢。所以首先看它顯示以前的視圖。所以我決定加載一些加載效果直到數據加載。我試圖像顯示加載圖像在打開的對話框中和隱藏成功，如加載圖像，

open: function(){ 
$('#loadingDiv').show(); 
} 
. 
. 
. 
success: function(){ 
$('#loadingDiv').hide(); 
} 

但對我來說，這並不工作，它並不在一個適當的位置解決。所以請指導我實現。

Answer 1

試試這個：

$('#dialog').dialog({ 
    //exisiting stuff 
    open: function(event, ui) { 
     $.ajax({ 
      url: "/GridAjax/CreateAlbumPartial?id=" + guid, 
      success:function(data){ 
       $(this).html(data); 
      }, 
      beforeSend:function(){ 
       $('#loadingDiv').show(); 
      }, 
      complete:function(){ 
       $('#loadingDiv').hide(); 
      } 
     }); 
    } 
}); 

希望這將幫助！