苏子晨
2017-05-11 20:35
对于本节知识点,想做一个手动隐藏和显示的按钮,
添加了个id为btn1的按钮,然后js代码如下:
var n=false;
if(!n){
$("#btn1").click(function(){
$("#a1").hide(1500,function(){
alert("我隐藏了");
n=true;
console.log(n)
})
})
}
现在的问题是,
不管变量n是否存在,点击的函数都会触发,
这是为什么呢?怎么改进?
你这是事件绑定,if语句只执行一次!
要改成这样:
var n=false;
$("#btn1").click(function(){
if(!n){
$("#a1").hide(1500,function(){
alert("我隐藏了");
n=true;
console.log(n);
});
}else{
$("#a1").show(1500,function(){
alert("我又出来了");
n=false;
console.log(n);
});
}
})
没事改着玩去吧
<script>
var n=false;
$("button").click(function(){
n=!n;
console.log(n);
if(n){
$("#a1").hide(1500,function(){
alert("我隐藏了");
});
}else{
$("#a1").show(1500,function(){
alert("我又出来了");
});
}
})
</script>
<script>
var n=true;
$("button").click(function(){
n=!n;
console.log(n);
if(!n){
$("#a1").hide(1500,function(){
alert("我隐藏了");
});
}else{
$("#a1").show(1500,function(){
alert("我又出来了");
});
}
})
</script>
不懂你的意思
jQuery基础(四)—动画篇
85049 学习 · 262 问题
相似问题