Question

I m 试验利用j Query角在两个职能之间移动。迄今取得的成果是零散的。下面是整个审判规则。

<html>
<head>
  <script type="text/javascript" src="../js/jquery.js"></script>
  <script>
  $(document).ready(function(){
     $( #id ).on( click ,function(event){
         $(this).toggle(
             function(){console.log( Hide );},
             function(){console.log( Show );}
         );
     });
  });
  </script> 
</head>

<body>
  <div id="id">Hello</div>
</body>
</html>

So, when I click "Hello" for the first time, nothing appears in the log.

[Nothing]

在第二点点,我得到:

Hide

第三,它补充说:

Show
Hide

第四,它补充说:

Hide
Show
Hide

第五,它补充说:

Show
Hide
Show
Hide

我相信你能够看到以下模式: 为什么这样做? 我对<代码>.stop(true)进行了试验,但没有结果。

感谢。

Answer 1

<代码>toggle(>在点击时执行,因此不需要<代码>click<>/code>。

$( #id ).toggle(
         function(){console.log( Hide );},
         function(){console.log( Show );}
     );

Your current code attaches toggle() to trigger on the click event the first time it is clicked, that is why you don t get anything the first time you click the element.

友情链接