jquery - 如何在 Balsamiq Mockups 中为 .slideUp 函数添加延迟？

Question

<js> $("#curtain").slideUp("slow"); $("#curtain").slideDown("slow"); </js>

现在我该怎么办，如果我想在 .slideUp 和 slideDown 之间添加 100 毫秒的延迟？

Answer 1

从 jQuery 1.4 开始，它就像

$("#curtain").slideUp("slow").delay(500).slideDown("slow");

在旧版本中，您必须使用动画回调和 setTimeout：

$("#curtain").slideUp("slow", function(){
  setTimeout(function(){ $("#curtain").slideDown("slow"); }, 500);
});

Answer 2

这里的诀窍是延迟slideUp和slideDown..这对我有用：

    $('#loading').show((1));
    setTimeout(function(){ 
        $('.toggle_container').slideUp(function () {
        $('#loading').hide();
        });
    }, 500);

Answer 3

您可以让它在完成动画时调用一个函数。在slideup之后调用一个函数，使用定时器等待100ms，然后调用slidedown