解决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中的一些常见方法小结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
使用jquery读取html5 localstorage的值的方法
在HTML 5中，localstorage是个不错的东西，在支持localstorage的浏览器中， 能持久化用户表单的输入，即使关掉浏览器，下次重新打开浏览器访问，也能读出其值,很不错的一个东西，接下来实例介绍，需要的朋友可以参考下2013-01-01
这篇文章主要介绍了jQuery+vue.js实现的多选下拉列表功能,涉及jQuery+vue.js数据绑定及事件响应相关操作技巧,需要的朋友可以参考下2019-01-01
jquery ajax2015-11-11
这篇文章主要介绍了使用jQuery动态设置单选框的选中效果,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-12-12
这篇文章主要为大家介绍了jQuery编程动画基本实现方法示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
jquery 设置元素相对于另一个元素的top值(实例代码)
在jquery中offset().top是相对于body来说的，另外在设置top值的时候要找到与该元素最近的有相对值的元素2013-11-11
本文给大家分享jquery自适应窗口大小导航菜单，也是一款响应式的导航菜单，有深色样式、浅色样式、自定义样式，接下来，需要的学习的小伙伴参考此文吧2015-09-09
jquery.messager.js插件导致页面抖动的解决方法
这盘文章介绍了jquery.messager.js插件导致页面抖动的解决方法，有需要的朋友可以参考一下2013-07-07
这篇文章主要介绍了jQuery延迟执行的实现方法,结合简单实例形式分析了jQuery针对无法同步执行的情况使用延迟执行的操作技巧,需要的朋友可以参考下2016-12-12
最新评论