在继续执行脚本之前，我该怎么等到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...
});
