jQuery - 等到SlideUp()结束 [英] jQuery - Wait till end of SlideUp()
问题描述
<脚本类型如何在继续执行脚本之前等待jQuery函数slideUp = 文本/ JavaScript的 >
$(document).ready(function(){
$(div [class = item])。click(function(){
var id = $(this).attr (id);
$(#content)。slideUp();
switch(id){
//应用程序
caserampro:
$(#content).css(text-align,left);
$(#content)。load(inc / pages / rampro.html);
$(#content)。slideDown();
break
casediskman:
$(#content).css(text-align,left );
$(#content)。load(inc / pages / diskman.html);
break
caseiconmap:
$(#content ).css(text-align,left);
$(#content)。load(inc / pages / iconmap.html);
break
//网站
casebenoks:
$(#content)。css(text-align,left);
$(#content)。load ( INC /页/ benoks.html);
break
caselinkbase:
$(#content)。css(text-align,left);
$(#content)。load(inc / pages / linkbase.html);
break
casejamesbrooks:
$(#content)。css(text-align,left);
$(#content)。load(inc / pages / jamesbrooks.html);
break
默认值:
$(#content)。css(text-align,center);
$(#content)。html(< h1>出错了,再试一次!< / h1>);
}
返回false;
});
});
使用回调机制并让您的代码在回调中运行。
$('#something')。slideUp('fast',function(){
...要做的事情幻灯片完成后...
});
How can I wait till the end of the jQuery function slideUp() before continuing the script?
<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;
});
});
Use the callback mechanism and have your code run in the callback.
$('#something').slideUp('fast', function() {
... stuff to do after the slide is complete...
});
这篇关于jQuery - 等到SlideUp()结束的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!