                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础(四)—动画篇

请教一个小问题，关于判断语句的

对于本节知识点，想做一个手动隐藏和显示的按钮，

添加了个id为btn1的按钮，然后js代码如下：

var n=false;
    if(!n){
        $("#btn1").click(function(){
            $("#a1").hide(1500,function(){
                alert("我隐藏了");
                n=true;
                console.log(n)
            })
        })
    }

现在的问题是，

不管变量n是否存在，点击的函数都会触发，

这是为什么呢？怎么改进？

苏子晨

2017-05-11

源自：jQuery基础(四)—动画篇 1-3

关注问题我要回答

1041

操作

收起

4 回答

qq_說些什庅_0 回答被采纳 +3 积分
2017-05-13

你这是事件绑定，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);
            });

}

})

0 回复有任何疑惑可以回复我~

#1

苏子晨提问者

非常感谢！

2017-05-14 回复有任何疑惑可以回复我~

qq圐圙2
2018-11-11

没事改着玩去吧

<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>

0 回复有任何疑惑可以回复我~

qq圐圙2
2018-11-11

<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>

0 回复有任何疑惑可以回复我~

慕粉4372379
2017-05-11

不懂你的意思

0 回复有任何疑惑可以回复我~

#1

苏子晨提问者

就是这样一个按钮：当点击时，div会隐藏并弹窗。这里设置了个变量n作为触发条件，触发后修改n的值，可是再次点击仍会触发

2017-05-11 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础(四)—动画篇

参与学习 85050 人
解答问题 262 个

jQuery基础教程动画篇，讲解jQuery基础开启动画修炼

本课相似问答

4 回答话说我用老师左边的判断语句写为什么又没反应了。哭瞎。。。

5 回答哪位大神瞧瞧，换了用判断语句写了之后点击能隐藏，但不能自动显示了。请问是哪出了问题？？

2 回答关于进度的问题？

1 回答关于透明度的问题

3 回答用switch语句没有显示？？那里面错了？

搜索更多本课相关问答

请教一个小问题，关于判断语句的

我要回答关注问题

意见反馈帮助中心 APP下载