Question

所以我试图制作某种复活节彩蛋，我尝试了多种不同的方式，没有运气，目前我正试图有一个按钮，生病隐藏一些方式，当点击5次隐藏我的页面东西，并显示一个GIF，但相反，当点击它自动隐藏页面的东西但不显示gif，除非它点击5次但你不能点击它5次，因为它随着页面的东西消失。无论如何，这是我的代码：

    $(document).ready(function(){
        var count = 0 ;
        $("button").click(function(){
            count+=1;
            if (count==5)    
                 $( "#datboi" ).toggle();   
                 $( ".body" ).toggle(); 

        });
    });

哦，在你把关于5按钮点击操作的帖子链接到我之前，我已经尝试过这就是我如何编写上面的内容并且它不起作用所以是的

Answer 1

您需要在if区块周围添加大括号：

$(document).ready(function(){
    var count = 0 ;
    $("button").click(function(){
        count+=1;
        if (count==5) {  
             $( "#datboi" ).toggle();   
             $( ".body" ).toggle(); 
        }

    });
});

在javascript中，您可以省略if块的大括号，但只有条件的第一个语句应用于它。所以你的代码相当于：

$(document).ready(function(){
    var count = 0 ;
    $("button").click(function(){
        count+=1;
        if (count==5) {
             $( "#datboi" ).toggle();   
        }
        $( ".body" ).toggle(); // body is toggled immediately after the first click

    });
});

制作一个复活节彩蛋，按5次按钮进行JS动作

1 个答案: