解決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)文章
下面小編就為大家?guī)硪黄猨Query中的一些常見方法小結(jié)(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
使用jquery讀取html5 localstorage的值的方法
在HTML 5中，localstorage是個(gè)不錯(cuò)的東西，在支持localstorage的瀏覽器中， 能持久化用戶表單的輸入，即使關(guān)掉瀏覽器，下次重新打開瀏覽器訪問，也能讀出其值,很不錯(cuò)的一個(gè)東西，接下來實(shí)例介紹，需要的朋友可以參考下2013-01-01
jQuery+vue.js實(shí)現(xiàn)的多選下拉列表功能示例
這篇文章主要介紹了jQuery+vue.js實(shí)現(xiàn)的多選下拉列表功能,涉及jQuery+vue.js數(shù)據(jù)綁定及事件響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
今天抽時(shí)間給大家整理jquery和ajax的相關(guān)知識(shí)
jquery ajax2015-11-11
使用jQuery動(dòng)態(tài)設(shè)置單選框的選中效果
這篇文章主要介紹了使用jQuery動(dòng)態(tài)設(shè)置單選框的選中效果,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-12-12
這篇文章主要為大家介紹了jQuery編程動(dòng)畫基本實(shí)現(xiàn)方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
jquery 設(shè)置元素相對于另一個(gè)元素的top值(實(shí)例代碼)
在jquery中offset().top是相對于body來說的，另外在設(shè)置top值的時(shí)候要找到與該元素最近的有相對值的元素2013-11-11
JQuery自適應(yīng)窗口大小導(dǎo)航菜單附源碼下載
本文給大家分享jquery自適應(yīng)窗口大小導(dǎo)航菜單，也是一款響應(yīng)式的導(dǎo)航菜單，有深色樣式、淺色樣式、自定義樣式，接下來，需要的學(xué)習(xí)的小伙伴參考此文吧2015-09-09
jquery.messager.js插件導(dǎo)致頁面抖動(dòng)的解決方法
這盤文章介紹了jquery.messager.js插件導(dǎo)致頁面抖動(dòng)的解決方法，有需要的朋友可以參考一下2013-07-07
jQuery延遲執(zhí)行的實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery延遲執(zhí)行的實(shí)現(xiàn)方法,結(jié)合簡單實(shí)例形式分析了jQuery針對無法同步執(zhí)行的情況使用延遲執(zhí)行的操作技巧,需要的朋友可以參考下2016-12-12