JQuery事件在其引发的函数执行过程中又被多次触发，导致函数执行完后事件函数井喷式被执行，如何避免？
比如：我有一个JQuery的mousewheel事件，该事件被触发后，执行div.animate({left:"-=2000px"},1000);，可是如果我在该div移...
比如： 我有一个 JQuery的 mousewheel事件，该事件被触发后，执行div.animate({left:"-=2000px"},1000);，可是如果我在该div移动过程中多次转动滚轮，就会导致改div在运动完成后又进行大量的向左滑动。
问题：如何避免这一现象？让我在该div运动时 无论如何滚动滚轮都无效，直到div运动完mousewheel事件才有效？ 展开
问题：如何避免这一现象？让我在该div运动时 无论如何滚动滚轮都无效，直到div运动完mousewheel事件才有效？ 展开
3个回答
展开全部
设置一个全局变量，在滚动前设置一个特定值，在滚动完成后改变成另一个值。那么在另一个滚动程序需要执行时候先判断是否正在滚动，是就取消本次的滚动操作
<script>
var mmmmm=0;
$(document).ready(function(){
$("button").click(function(){
if(mmmmm<1)
{
mmmmm=1
$("div").animate({
left:'+=200px'
},2000,function(){
mmmmm=0;
});
}
});
});
</script>
<script>
var mmmmm=0;
$(document).ready(function(){
$("button").click(function(){
if(mmmmm<1)
{
mmmmm=1
$("div").animate({
left:'+=200px'
},2000,function(){
mmmmm=0;
});
}
});
});
</script>
追问
这是正解！！！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我做了下测试.你说的这个情况是不存在的..完全不会发生你说的那种情况..连续点两下鼠标
至于你为什么这么认为,我想你是被测试结果误导了,下面是我用按钮触发的事件,取消了你原来的滚轮事件, 你可以试试, 换个思路,你就能发现问题的根本所在..
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").animate({
left:'+=200px'
});
});
});
</script>
</head>
<body>
<button>开始动画</button>
至于你为什么这么认为,我想你是被测试结果误导了,下面是我用按钮触发的事件,取消了你原来的滚轮事件, 你可以试试, 换个思路,你就能发现问题的根本所在..
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").animate({
left:'+=200px'
});
});
});
</script>
</head>
<body>
<button>开始动画</button>
更多追问追答
追问
拜托啊大哥，你没给那个div的animate里加speed啊，你那是动的太快没点过来。你把speed设成1000再，而且我问的就是鼠标滚轮事件怎么办，你可以下一个mousewheel插件，自己做一个滚轮滚动试试
追答
...speed ?
没用过..我不是做UI的, 对效果研究不多,等你的结果了.嘿嘿...
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一般来说是用jquery的stop()函数的
追问
可是stop它中断了第一次滚滑的效果，我不想让滚动中断
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
