我如何才能等到jQuery函数slideUp()结束才能继续执行脚本?
<script type="text/javascript">
$(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("<h1>something went wrong, try again!</h1>");
}
return false;
});
});
最佳答案
使用callback mechanism并在回调中运行您的代码。
$('#something').slideUp('fast', function() {
... stuff to do after the slide is complete...
});