Question

我在href上调用这些函数：

function LoadDiv1() {
       var uri = '@this.Routes().Parts.Div1.FullUrl(Model.SignedInUser.User.Id)';
       $('#home_content').load(uri).css("display", "none").fadeIn(500);
}
function LoadDiv2() {
       var uri = '@this.Routes().Parts.Div2.FullUrl(Model.SignedInUser.User.Id)';
       uri = uri.replace('amp;', '');
       $('#home_content').load(uri).css("display", "none").fadeIn(500);
}

它们正确切换，但每次我切换到另一个div时，首先我再次加载当前div，然后切换到另一个div。看起来像延迟。

Answer 1

您正在对服务器进行异步调用，但链中的方法会立即执行。只有在从服务器加载数据后才更新div的内容。您必须将fadein方法添加到Ajax调用的回调函数中，以便仅在内容更新后才执行。

$('#home_content').css("display", "none").load( uri, 
    function() { $( '#home_content' ).fadeIn(500) } );

在褪色的情况下切换两个div的最佳方法是什么？

1 个答案: