如何在动画进行过程中隐藏此div？

Question

    $('body').animate({scrollTop: $('#content-display').offset().top}, function () {
        $("#loading").hide();
    }, 'slow');

JSHint喜欢它，但我在控制台中得到Uncaught TypeError: Object #<Object> has no method 'slow'。

Answer 1

你的论点乱了：

$('body').animate({scrollTop: $('#content-display').offset().top}, 'slow', function () {
    $("#loading").show();
});

来自animate文档：

  

.animate（ properties [，duration] [，easing] [，complete] ）

但是，如果您想要执行标题所述的内容，则需要在动画之前show div ，然后将其隐藏：

$("#loading").show();
$('body').animate({scrollTop: $('#content-display').offset().top}, function () {
    $("#loading").hide();
}, 'slow');

Answer 2

反过来说..动画功能的语法是

动画（属性，持续时间，功能）

请将其更改为

$('body').animate({scrollTop: $('#content-display').offset().top}, 'slow', function () { $("#loading").show(); });