javascript - jquery animate 停止工作，但 css 工作

Question

我在替换内容时淡入淡出加载 gif 的页面上有一个 div。当我替换 DOM 元素时，新的 DOM 元素不再受 jquery 的 .animate 方法影响，但 .css 方法仍然会影响元素。有人知道可能导致这种情况的原因吗？

代码：

var container = $('#container');
var oldContent = container.find('.Content');

oldContent.find('.LoadingPanel').css('display', '').animate({ opacity: 0.8 });

_ajaxHandler.requestNewData(function(content) {

    var newContent = content.find('.Content');

    newContent.find('.LoadingPanel').css({
        display: '',
        opacity: 0.8
    });


    // Replace in the array and in the DOM
    oldContent.replaceWith(newContent);

    // This does not work
    // newContent.find('.LoadingPanel').animate({ opacity: 0 });

    // This does
    newContent.find('.LoadingPanel').css({ opacity: 0 });
});

标记：

<div id='container'>
    <div class='Content'>
        <div class='LoadingPanel'>
            <img src='loading.gif' />
        </div>
    </div>
</div>