国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 21:01:14
字體:
來源:轉載
供稿:網友

很多情況 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>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 钦州市| 伊金霍洛旗| 正蓝旗| 奈曼旗| 南平市| 伊川县| 汉川市| 如东县| 桂东县| 南宫市| 普陀区| 五指山市| 民乐县| 唐海县| 常宁市| 乐昌市| 大港区| 台中市| 永寿县| 西贡区| 贡山| 汉中市| 保靖县| 景德镇市| 安乡县| 新河县| 紫云| 连南| 巴彦县| 于田县| 正宁县| 保山市| 临桂县| 神池县| 怀柔区| 瑞安市| 六盘水市| 乌兰浩特市| 陕西省| 宁化县| 旺苍县|