解決Jquery鼠標(biāo)經(jīng)過(guò)不停滑動(dòng)的問(wèn)題
更新時(shí)間：2014年03月03日 11:39:19 作者：
在鼠標(biāo)經(jīng)過(guò)的時(shí)候不停的顯示隱藏html元素，正確的寫(xiě)法應(yīng)該是下面這樣的,需要的朋友可以參考下
很多情況 Jquery 中 尤其在 鼠標(biāo)經(jīng)過(guò)的時(shí)候會(huì)不停的 顯示隱藏 html元素。 導(dǎo)致來(lái)回隱藏、顯示
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){ //********問(wèn)題點(diǎn)在這里，這里沒(méi)有判斷是否處于動(dòng)畫(huà)
$(".panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
正確的寫(xiě)法應(yīng)該是下面這樣的
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
if(!$(".panel").is(":animated")){ //問(wèn)題點(diǎn)在這里，這里有判斷是否處于動(dòng)畫(huà)
$(".panel").slideToggle("slow");
}
});
});
</script>
或者在滑動(dòng)之前停止動(dòng)畫(huà)隊(duì)列即可。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(this).stop().slideToggle("slow");//stop() 函數(shù)停止動(dòng)畫(huà)隊(duì)列。
});
});
</script>
相關(guān)文章
本篇文章主要是對(duì)jquery彈出層居中效果的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
本文給大家分享的是一則使用jQuery實(shí)現(xiàn)公告的翻滾效果的代碼，十分簡(jiǎn)潔實(shí)用，兼容性也非常不錯(cuò)，這里推薦給小伙伴們2015-02-02
jQuery中通過(guò)ajax的get()函數(shù)讀取頁(yè)面的方法
這篇文章主要介紹了jQuery中通過(guò)ajax的get()函數(shù)讀取頁(yè)面的方法,需要的朋友可以參考下2016-02-02
下面小編就為大家?guī)?lái)一篇jQuery選擇器之屬性篩選選擇器用法詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
基于jquery實(shí)現(xiàn)的移入頁(yè)面上空文本框時(shí)，讓它變?yōu)榻裹c(diǎn)，移出清除焦點(diǎn)
基于jquery實(shí)現(xiàn)的移入頁(yè)面上空文本框時(shí)，讓它變?yōu)榻裹c(diǎn)，移出清除焦點(diǎn)的實(shí)現(xiàn)代碼。2011-07-07
jQuery避免$符和其他JS庫(kù)沖突的方法對(duì)比
jQuery中需要用到$符號(hào)，如果其他js庫(kù)也定義了$符號(hào)，那么就會(huì)造成沖突，會(huì)影響到j(luò)s代碼的正常執(zhí)行，下面有幾個(gè)不錯(cuò)的解決方法，大家可以參考下2014-02-02
這篇文章主要介紹了jquery加載單文件vue組件的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了使用jquery清空、復(fù)位整個(gè)輸入域，非常的簡(jiǎn)單實(shí)用，這里推薦給大家,需要的朋友可以參考下2015-04-04
jquery實(shí)現(xiàn)帶單選按鈕的表格行選中時(shí)高亮顯示
如果將選中的這條記錄的行高亮顯示，同時(shí)該行的單選按鈕也被選中了，這樣會(huì)提高用戶(hù)的體驗(yàn)的，于是本文下了個(gè)示例，有需要的朋友可以參考下2013-08-08
jquery 實(shí)現(xiàn)checkbox全選，反選，全不選等功能代碼(奇數(shù))
jquery 實(shí)現(xiàn)全選，反選，全不選等功能，下面直接以例子進(jìn)行說(shuō)明,需要的朋友可以參考下2012-10-10