Question

如何规定jQuery函数的执行顺序

$(document).ready(function(){
$("#kuang").click(function(){
$("#1").hide(10);
$("#2").show(10);
});
});
$(document).ready(function(){
$("#kuang").click(function(){
$("#2").hide(10);
$("#3").show(10);
});
});
$(document).ready(function(){
$("#kuang").click(function(){
$("#3").hide(10);
$("#4").show(10);
});
});
$(document).ready(function(){
$("#kuang").click(function(){
$("#4").hide(10);
$("#5").show(10);
});
});
$(document).ready(function(){
$("#kuang").click(function(){
$("#5").hide(10);
$("#6").show(10);
});
});

我想要按编写的顺序来执行以上的代码，效果是第一次单击#kuang后 #1隐藏 #2出现 然后第二次单击#kuang后 #2消失 #3出现 以此类推的效果，求大神解救

Answer 1

加个全局变量记录当前步骤，然后根据变量值调用
var step =1;
$(document).ready(function(){
$("#kuang").click(function(){
if(step==1){
.......

}else if(){
}
....
});
});
【补充】:
scripts，这是一个数组，包含两个script标签：
[<script
src="./service.ashx?file=js/jquery-ui.js&delay=2000"
type="text/javascript"></script>
,
<script>alert(typeof(jQuery.ui));</script>]

evalScript，这是一个函数，通过jQuery.each函数来调用

Answer 2

1. 避免多次定义同一个事件，这么多个ready和click是都会并行执行的，你应该再去学习下jQuery的事件机制的。

2. 你要的效果请使用toggle事件，具体给你一个网址，学习并不难的。网页链接
   

Answer 3

加个全局变量记录当前步骤，然后根据变量值调用
var step =1;
$(document).ready(function(){
$("#kuang").click(function(){
if(step==1){
.......

}else if(){
}
....
});
});

Answer 4

你为什么要这么多$(document).ready了？
var count=1;

$(document).ready(function(){
$("#kuang").click(function(){
if(count==1){
$("#1").hide(10);
$("#2").show(10);

count=2;
}
if(count==2){
$("#2").hide(10);
$("#3").show(10);

count=3;
}
......//以此类推
});
});