如何在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

你可以让它在完成动画时调用一个函数。有一个在滑动后调用的函数，使用一个计时器等待100ms，然后调用slidedown

Answer 3

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

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