延遲ajax OnBegin直到淡出DOM - MVC5

Question

我想淡出一個包含部分視圖中的html的div，當用戶點擊一個鏈接並淡入新抓取的局部視圖。我遇到的問題是，有時我的視圖會在原始局部視圖淡出之前被提取，所以我最終看到局部視圖切換出來，淡出，然後再次淡入。有沒有辦法延遲ajax請求，直到淡出完成？

這是我試圖實現的操作順序。
用戶點擊鏈接>局部視圖甲淡出>新局部視圖是通過AJAX取出>局部視圖乙變淡英寸

這就是有時

用戶點擊鏈接發生>局部視圖A開始淡出，但部分視圖B在它完成褪色之前進入>局部視圖B淡出>局部視圖B再次淡入。

@Ajax.ActionLink("Me", "ManageUserAccount", null, new AjaxOptions 
            { 
             HttpMethod = "GET", 
             UpdateTargetId = "ajax-update", 
             InsertionMode = InsertionMode.Replace, 
             OnBegin = "ajaxBegin", 
             OnSuccess = "ajaxSuccess" 
            }, new { @class = "active" })  


@Ajax.ActionLink("Alerts", "ManageAlerts", null, new AjaxOptions 
           { 
            HttpMethod = "GET", 
            UpdateTargetId = "ajax-update", 
            InsertionMode = InsertionMode.Replace, 
            OnBegin = "ajaxBegin", 
            OnSuccess = "ajaxSuccess" 
           }, new { @class = "active" }) 



<div id="ajax-update"> 
      @Html.Action("ManageUserAccount") 
     </div> 


<script type="text/javascript"> 
    function ajaxSuccess() { 
     $('#ajax-update').fadeIn(); 
     //sometimes the new partial view is returned before this even finishes its job 
    } 
    function ajaxBegin() { 
     $('#ajax-update').fadeOut(); 
    } 

Answer 1

我做一個非常類似的功能......但我用得到，完成和效果。和工作！我用來製作一個沒有回傳的複雜網站，改變部分是在菜單上模擬改變頁面

$(".menu-button").click(function (e) { 
    var id = e.target.id; 
    var urlID = document.URL.split('#')[1]; 
    if (id != urlID) { 
     location.hash = id; 
     changepartial(id); 
    } 
}); 

    function changepartial(id) 
    { 
     var path = "../home/"+id; 
     getOut(); 
     $.get(path).done(function (result) { 
    //done is for wait get result after make the next step. 

      $("#Contenant").html(result); 
      getIn(); 
     }); 
    } 

    function getOut() { 
     $("#Contenant").effect('drop', { direction: 'left' }, 100); 
    } 

    function getIn() { 
     $("#Contenant").effect('slide', { direction: 'right' }, 1000); 
    }