萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 解決Jquery鼠標經過不停滑動的問題

解決Jquery鼠標經過不停滑動的問題

 在鼠標經過的時候不停的顯示隱藏html元素,正確的寫法應該是下面這樣的,需要的朋友可以參考下

很多情況 Jquery 中 尤其在 鼠標經過的時候會不停的 顯示隱藏 html元素。 導致來回隱藏、顯示     代碼如下: <script type="text/javascript">  $(document).ready(function(){  $(".flip").click(function(){ //********問題點在這裡,這裡沒有判斷是否處於動畫  $(".panel").slideToggle("slow");  });  });  </script>  <style type="text/css">    正確的寫法應該是下面這樣的   代碼如下: <script type="text/javascript">  $(document).ready(function(){  $(".flip").click(function(){  if(!$(".panel").is(":animated")){ //問題點在這裡,這裡有判斷是否處於動畫  $(".panel").slideToggle("slow");  }  });  });  </script>    或者在滑動之前停止動畫隊列即可。  代碼如下: <script type="text/javascript">  $(document).ready(function(){  $(".flip").click(function(){  $(this).stop().slideToggle("slow");//stop() 函數停止動畫隊列。  });  });  </script>   
copyright © 萬盛學電腦網 all rights reserved