2

好的,这是我的代码,它可以工作,但只有 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>
4

2 回答 2

5

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

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

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

于 2013-06-03T18:31:17.587 回答
0

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

要了解如何永久循环,请尝试以下操作:

http://jsfiddle.net/7K5eS/

我在哪里使用这个:

$(document).ready(function(){

    $onScreen = 1;

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

祝你好运!

于 2013-06-03T18:49:21.270 回答