jquery - jQuery：slideUp() delay() 然后 slideDown；不工作

Question

我正在尝试实现一个非常简单的页脚通知元素来向上滑动片刻，然后再向下滑动。我正在使用：

$('button').click( function () {
    $('#message-box').slideUp('slow').delay(1500).slideDown('slow');
});

但是，当您单击按钮时，它会延迟 1500 毫秒，然后向上滑动，从不向下滑动。

score 24 · Accepted Answer

你真正想要的是这样的：

 $('#message-box').slideDown('slow').delay(1500).slideUp('slow');

你可以在这里测试它。尽管考虑到您的布局，它似乎有点倒退，.slideDown()用于显示一个元素，并且.slideUp()用于隐藏一个元素......即使给定您的 CSS，它实际上在显示时也会上升。

另外顺便说一句，您在编辑小提琴时不需要<html>和<body>标签，这些已经包含在内...... html 框架中的任何内容都将进入<body>.

1 回答 1