jQuery – 等到SlideUp（）结束

在继续编写脚本之前，我怎么能等到jQuery函数slideUp（）结束？

 $(document).ready(function() { $("div[class=item]").click(function() { var id = $(this).attr("id"); $("#content").slideUp(); switch(id) { // Applications case "rampro": $("#content").css("text-align", "left"); $("#content").load("inc/pages/rampro.html"); $("#content").slideDown(); break case "diskman": $("#content").css("text-align", "left"); $("#content").load("inc/pages/diskman.html"); break case "iconmap": $("#content").css("text-align", "left"); $("#content").load("inc/pages/iconmap.html"); break // Websites case "benoks": $("#content").css("text-align", "left"); $("#content").load("inc/pages/benoks.html"); break case "linkbase": $("#content").css("text-align", "left"); $("#content").load("inc/pages/linkbase.html"); break case "jamesbrooks": $("#content").css("text-align", "left"); $("#content").load("inc/pages/jamesbrooks.html"); break default: $("#content").css("text-align","center"); $("#content").html("
something went wrong, try again!
"); } return false; }); }); 

Answer 1

使用回调机制并让代码在回调中运行。

 $('#something').slideUp('fast', function() { ... stuff to do after the slide is complete... }); 

Answer 2

slideUp（）有两个参数。 如果将函数作为第二个参数传递，则在动画完成时将调用它。

http://docs.jquery.com/Effects/slideUp