jQuery如何延迟SlideUp?

本文介绍了jQuery如何延迟SlideUp?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用以下jQuery. div框向上滑动，然后在5秒钟后淡出.有什么办法可以解决这个问题，因为该框要花很长时间才能显示出来.

I am using the following jQuery. A div box slides up, and then after 5 seconds, fades out. Is there a way to achieve this as it takes a long time for the box to appear.

$(document).ready(function() {
  $("#load_limit").slideUp(500); //have tried "fast" also
  $("#load_limit").delay(5000);
  $("#load_limit").slideDown(500);
});

推荐答案

您可以延迟回调函数:

$(document).ready(function() {
  $("#load_limit").slideUp(500, function() {
     $("#load_limit").delay(5000).slideDown(500);
  });
});

或者您可以简化它:

$(document).ready(function() {
  $("#load_limit").slideUp(500)
                  .delay(5000)
                  .slideDown(500);
});

代码: http://jsfiddle.net/xjEy5/2/

这篇关于jQuery如何延迟SlideUp?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！