Question

请看我的小提琴;

var opened = false;

当您单击该按钮时，该变量应更新为true，它会执行此操作。这意味着第一个条件正在起作用;

if (opened == false){
    $('.btn').on('click',function(){
        opened = true;
    });
};

很好，但是当你再次点击它时，变量应该更新为false。由于该变量目前是真的＆＃39;它应该使用此功能更改为false。但它没有。

if (opened == true){

    $('.btn').on('click',function(){
        opened = false;
    });
};

似乎第二个条件函数由于某种原因没有运行。

由于

Answer 1

您要在条件语句中添加单击处理程序，而应该执行以下操作：

$('.btn').on('click',function(){
    opened = !opened; //reverse the state
});

Answer 2

你需要处理程序本身的条件

$('.btn').on('click', function () {
       opened = !opened;
    });

或，您可以表达与

相同的内容

ng-repeat

Answer 3

尝试

var opened = false;
 $('.btn').on('click',function(){
    opened = !opened;
 });

$('.state').text(opened);
$('.check').on('click',function(){
    $('.state').text(opened);
});

Fiddle

Answer 4

喜欢这个？：http://jsfiddle.net/rtrz86oe/8/

var opened = false;

$('.state').text(opened);

$('.check').on('click',function(){

if(opened) {
    opened = false;
} else {
    opened = true;
}
$('.state').text(opened);
});

jQuery根据变量的条件行事

4 个答案: