Question

我想要做的是，动画和隐藏一些div，在closelink按钮上单击，然后隐藏此按钮。函数有效但不隐藏closer_div并提供错误消息：

ftr_form_cntr.stop（true，true）.animate（{height：“0”}，1000）.pause不是函数

在Firefox上

。实际上它完成所有操作。这一行closer_div.hide();。

功能看起来像那样

$(closer_link).click(function () {
    ftr_form_cntr.find("div").fadeOut();
    ftr_form_cntr.stop(true, true).animate({height:"0"},1000).pause(2000).hide();
    closer_div.hide();
});

Answer 1

animate函数确实有一个回调函数，将在动画完成时触发，请参阅下面的代码：

ftr_form_cntr.stop(true, true).animate({height:"0"},1000, function(){
    $(this).hide();
})

如果你想要一个高度为0并且之后隐藏它，你也可以做什么。使用.slideUp()函数，此函数还具有回调函数。

ftr_form_cntr.stop(true, true).slideUp(1000);

如果您想要制作动画，请等待1秒钟并执行其他操作，执行以下操作：

ftr_form_cntr.stop(true, true).animate({height:"0"},1000, function(){
    var _this = $(this);
    setTimeout(function(){
        _this.hide();
    }, 1000);
})

另一个选项可以是.delay()，等待2秒。

ftr_form_cntr.stop(true, true).animate({height:"0"},1000).delay(2000).hide();

收到JavaScript错误：“X不是函数”

1 个答案: