解決Jquery鼠標經過不?；瑒拥膯栴}
更新時間：2014年03月03日 11:39:19 作者：
在鼠標經過的時候不停的顯示隱藏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>
相關文章
本篇文章主要是對jquery彈出層居中效果的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
本文給大家分享的是一則使用jQuery實現公告的翻滾效果的代碼，十分簡潔實用，兼容性也非常不錯，這里推薦給小伙伴們2015-02-02
這篇文章主要介紹了jQuery中通過ajax的get()函數讀取頁面的方法,需要的朋友可以參考下2016-02-02
下面小編就為大家?guī)硪黄猨Query選擇器之屬性篩選選擇器用法詳解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
基于jquery實現的移入頁面上空文本框時，讓它變?yōu)榻裹c，移出清除焦點
基于jquery實現的移入頁面上空文本框時，讓它變?yōu)榻裹c，移出清除焦點的實現代碼。2011-07-07
jQuery中需要用到$符號，如果其他js庫也定義了$符號，那么就會造成沖突，會影響到js代碼的正常執(zhí)行，下面有幾個不錯的解決方法，大家可以參考下2014-02-02
這篇文章主要介紹了jquery加載單文件vue組件的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了使用jquery清空、復位整個輸入域，非常的簡單實用，這里推薦給大家,需要的朋友可以參考下2015-04-04
如果將選中的這條記錄的行高亮顯示，同時該行的單選按鈕也被選中了，這樣會提高用戶的體驗的，于是本文下了個示例，有需要的朋友可以參考下2013-08-08
jquery 實現checkbox全選，反選，全不選等功能代碼(奇數)
jquery 實現全選，反選，全不選等功能，下面直接以例子進行說明,需要的朋友可以參考下2012-10-10