解決Jquery鼠標(biāo)經(jīng)過不?;瑒?dòng)的問題
更新時(shí)間:2014年03月03日 11:39:19 作者:
在鼠標(biāo)經(jīng)過的時(shí)候不停的顯示隱藏html元素,正確的寫法應(yīng)該是下面這樣的,需要的朋友可以參考下
很多情況 Jquery 中 尤其在 鼠標(biāo)經(jīng)過的時(shí)候會(huì)不停的 顯示隱藏 html元素。 導(dǎo)致來回隱藏、顯示
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){ //********問題點(diǎn)在這里,這里沒有判斷是否處于動(dòng)畫
$(".panel").slideToggle("slow");
});
});
</script>
<style type="text/css">
正確的寫法應(yīng)該是下面這樣的
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
if(!$(".panel").is(":animated")){ //問題點(diǎn)在這里,這里有判斷是否處于動(dòng)畫
$(".panel").slideToggle("slow");
}
});
});
</script>
或者在滑動(dòng)之前停止動(dòng)畫隊(duì)列即可。
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(document).ready(function(){
$(".flip").click(function(){
$(this).stop().slideToggle("slow");//stop() 函數(shù)停止動(dòng)畫隊(duì)列。
});
});
</script>
相關(guān)文章
jQuery中通過ajax的get()函數(shù)讀取頁面的方法
這篇文章主要介紹了jQuery中通過ajax的get()函數(shù)讀取頁面的方法,需要的朋友可以參考下2016-02-02基于jquery實(shí)現(xiàn)的移入頁面上空文本框時(shí),讓它變?yōu)榻裹c(diǎn),移出清除焦點(diǎn)
基于jquery實(shí)現(xiàn)的移入頁面上空文本框時(shí),讓它變?yōu)榻裹c(diǎn),移出清除焦點(diǎn)的實(shí)現(xiàn)代碼。2011-07-07jquery實(shí)現(xiàn)帶單選按鈕的表格行選中時(shí)高亮顯示
如果將選中的這條記錄的行高亮顯示,同時(shí)該行的單選按鈕也被選中了,這樣會(huì)提高用戶的體驗(yàn)的,于是本文下了個(gè)示例,有需要的朋友可以參考下2013-08-08jquery 實(shí)現(xiàn)checkbox全選,反選,全不選等功能代碼(奇數(shù))
jquery 實(shí)現(xiàn)全選,反選,全不選等功能,下面直接以例子進(jìn)行說明,需要的朋友可以參考下2012-10-10