Javascript jQuery-单击然后显示函数，然后再次单击并显示另一个函数，依此类推。。未单击并显示所有功能_Javascript_Jquery

Javascript jQuery-单击然后显示函数，然后再次单击并显示另一个函数，依此类推。。未单击并显示所有功能

javascript jquery

Javascript jQuery-单击然后显示函数，然后再次单击并显示另一个函数，依此类推。。未单击并显示所有功能,javascript,jquery,Javascript,Jquery,我试图实现这样的效果：当我点击段落时，我的第一个功能将运行，然后再次点击段落，第二个功能将运行，然后再次点击段落，第三个功能将运行，依此类推。。不是当我点击段落时，所有的函数都会运行，我只实现了第二个函数，现在我被卡住了这是密码 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jQuery/1.12.2/jquery.min.js">

我试图实现这样的效果：当我点击段落时，我的第一个功能将运行，然后再次点击段落，第二个功能将运行，然后再次点击段落，第三个功能将运行，依此类推。。不是当我点击段落时，所有的函数都会运行，我只实现了第二个函数，现在我被卡住了

这是密码

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jQuery/1.12.2/jquery.min.js"></script>
<script>
$().ready(function(){
    $("h1").hide();
    $("h2").hide();
    $("h3").hide();

    function func1(){
        $("h1").show();
    }
    function func2(){
        $("h2").show();
    }

    function func3(){
        $("h3").show();
    }

    function funcme(){
        if($("p").click(func1)){

            $("h1").show();
            $(this).click(func2);
        }

    }
$(this).click(func3);
    $("p").click(funcme);

});

</script>
</head>
<body>

<p>CLICK ME</p>
<h1>FUNC 1</h1>
<h2>FUNC 2</h1>
<h3>FUNC 3</h1>

</body>
</html>


$（）.ready（函数（））{
$（“h1”）.hide（）；
$（“h2”）.hide（）；
$（“h3”）.hide（）；
函数func1（）{
$（“h1”）.show（）；
}
函数func2（）{
$（“h2”）.show（）；
}
函数func3（）{
$（“h3”）.show（）；
}
函数funcme（）{
如果（$（“p”）。单击（功能1））{
$（“h1”）.show（）；
$（此）。单击（功能2）；
}
}
$（此）。单击（功能3）；
$（“p”）。单击（功能名称）；
});
点击我
职能1
职能2
职能3

这可能是一个更优雅的解决方案

<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
     $().ready(function(){
        var counter = 0;

        $('.section').hide();


        $(".func-me").on('click', function (event){
           $('.section').eq(counter).show();
           counter++;
        });
    });

    </script>
    </head>
    <body>


    <button class="func-me">CLICK ME</button>
    <p class="section">FUNC 1</p>
    <p class="section">FUNC 2</p>
    <p class="section">FUNC 3</p>

    </body>
    </html>


$（）.ready（函数（））{
var计数器=0；
$（'.section'）.hide（）；
$（“.func me”）。在（'click'，函数（事件）{
$（'.section'）.eq（counter.show（）；
计数器++；
});
});
点击我
功能1
功能2
功能3

这可能是一个更优雅的解决方案

<!DOCTYPE html>
    <html>
    <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script>
     $().ready(function(){
        var counter = 0;

        $('.section').hide();


        $(".func-me").on('click', function (event){
           $('.section').eq(counter).show();
           counter++;
        });
    });

    </script>
    </head>
    <body>


    <button class="func-me">CLICK ME</button>
    <p class="section">FUNC 1</p>
    <p class="section">FUNC 2</p>
    <p class="section">FUNC 3</p>

    </body>
    </html>


$（）.ready（函数（））{
var计数器=0；
$（'.section'）.hide（）；
$（“.func me”）。在（'click'，函数（事件）{
$（'.section'）.eq（counter.show（）；
计数器++；
});
});
点击我
功能1
功能2
功能3

您是否尝试创建一个标志？例如，您的标志设置为零。然后进行第一次单击，将标志更改为1。然后，您进行第二次单击，将您的标志更改为2。。。等等

我不明白你每次点击都需要做什么。。但我认为像这样的事情

<script>
   $(document).ready(function(){
      $("h1").hide();
      $("h2").hide();
      $("h3").hide();

      var flag = 0;

      $("p").click(funcme(flag)); 

      function funcme (flag){
          if (flag == 0)
             func1();
          if (flag == 1)
             func2();
          if (flag == 2)
             func3();
          flag++;
      }

      function func1(){
          $("h1").show();
      }

      function func2(){
          $("h2").show();
      }

     function func3(){
         $("h3").show();
     }
  }
</script>


$（文档）.ready（函数（）{
$（“h1”）.hide（）；
$（“h2”）.hide（）；
$（“h3”）.hide（）；
var标志=0；
$（“p”）。单击（函数（标志））；
函数funcme（标志）{
如果（标志==0）
func1（）；
如果（标志==1）
func2（）；
如果（标志==2）
func3（）；
flag++；
}
函数func1（）{
$（“h1”）.show（）；
}
函数func2（）{
$（“h2”）.show（）；
}
函数func3（）{
$（“h3”）.show（）；
}
}

您是否尝试创建标志？例如，您的标志设置为零。然后您进行第一次单击，将标志更改为1。然后进行第二次单击，将标志更改为2…等等

我不明白你每次点击都需要做什么，但我觉得像这样的事情

<script>
   $(document).ready(function(){
      $("h1").hide();
      $("h2").hide();
      $("h3").hide();

      var flag = 0;

      $("p").click(funcme(flag)); 

      function funcme (flag){
          if (flag == 0)
             func1();
          if (flag == 1)
             func2();
          if (flag == 2)
             func3();
          flag++;
      }

      function func1(){
          $("h1").show();
      }

      function func2(){
          $("h2").show();
      }

     function func3(){
         $("h3").show();
     }
  }
</script>


$（文档）.ready（函数（）{
$（“h1”）.hide（）；
$（“h2”）.hide（）；
$（“h3”）.hide（）；
var标志=0；
$（“p”）。单击（函数（标志））；
函数funcme（标志）{
如果（标志==0）
func1（）；
如果（标志==1）
func2（）；
如果（标志==2）
func3（）；
flag++；
}
函数func1（）{
$（“h1”）.show（）；
}
函数func2（）{
$（“h2”）.show（）；
}
函数func3（）{
$（“h3”）.show（）；
}
}

a altrantive：单击时，检查h1是否可见，如果可见，显示h2…等等您谈论显示/隐藏函数，但您正在显示/隐藏元素。您真正想显示/隐藏什么？a altrantive：单击时，检查h1是否可见，如果可见，显示h2…等等您谈论显示/隐藏函数，但您正在显示/隐藏元素这是错误的。

click（）{}

是错误的，应该是

click（function（）{}）；

你是对的，我是复制粘贴和编辑的，所以它是一个打字错误。我会修正它谢谢你的提示先生！谢谢！那是错误的。

click（）{}

是错误的，应该是

click（function（）{}）你说得对，我是在复制粘贴和编辑，所以这是一个打字错误。我会修正它的谢谢你的提示先生！谢谢！