jquery - jquery $.post 和淡出

Question

我对 jQuery 有一个（简单的）问题。我想做的就是使用fadeOut动画将新的 HTML 内容附加到 div 中。但是，我看不到它（那是新的 div 仍然具有该display: none属性

$.post('/Home/Update', {}, function (res) {
  $('<div id="myContent">' + res + '</div>')
    .hide()
    .appendTo('#mainContainer')
    .fadeOut(1000);
});

<div id='mainContainer' style='float:left; width: 900px; height:400px;  border: 1px solid Red; margin-left: 10px;'>

</div>

Answer 1

您需要使用fadeIn而不是fadeOut（您想显示新内容，现在将其隐藏）。尝试这个：

$.post('/Home/Update', {}, function (res) {
  $('<div id="myContent" style="display:none">' + res + '</div>')
    .appendTo('#mainContainer')
    .fadeIn(1000);
});