Question

好的，这是我的代码，它可以工作，但只有1个循环。我错过了一遍又一遍的事件

<!DOCTYPE html>
<html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
        $("button").click(function(){
            $("p").hide();

            $("button").click(function(){
                $("p").show();
            });
        });
    });
    </script>
</head>
<body>
    <p>If you click on me, I will disappear.</p>
    <p>Click me away!</p>
    <p>Click me too!</p>
    <button> click </button>
</body>
</html>

Answer 1

您可以在此处使用toggle()方法：

$(document).ready(function () {
    $("button").click(function () {
        $("p").toggle();
    });
});

toggle()显示或隐藏匹配的元素。因此，如果它最初显示，那么它将在下一次button点击时隐藏，下次再次显示。这个循环将继续。

Answer 2

评论中的答案是更聪明的方式。

要了解如何永久循环，请尝试以下方法：

http://jsfiddle.net/7K5eS/

我用过的地方：

$(document).ready(function(){

    $onScreen = 1;

        $("button").click(function(){
           if ($onScreen == 1)
           {
               $("p").hide();
                $onScreen = 0;
           } else
           {
               $("p").show();
                $onScreen = 1;
           }
        });
});

祝你好运！

简单的Jquery事件

2 个答案: