jquery $ .post和fadeOut

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);
});