很多情况 Jquery 中 尤其在 鼠标经过的时候会不停的 显示隐藏 html元素。 导致来回隐藏、显示 复制代码 代码如下: <BR>$(document).ready(function(){ <BR>$(".flip").click(function(){ //********问题点在这里，这里没有判断是否处于动画 <BR>$(".panel").slideToggle("slow"); <BR>}); <BR>}); <BR> <BR> 正确的写法应该是下面这样的 复制代码 代码如下: <BR>$(document).ready(function(){ <BR>$(".flip").click(function(){ <BR>if(!$(".panel").is(":animated")){ //问题点在这里，这里有判断是否处于动画 <BR>$(".panel").slideToggle("slow"); <BR>} <BR>}); <BR>}); <BR> 或者在滑动之前停止动画队列即可。 复制代码 代码如下: <BR>$(document).ready(function(){ <BR>$(".flip").click(function(){ <BR>$(this).stop().slideToggle("slow");//stop() 函数停止动画队列。 <BR>}); <BR>}); <BR>
