7

我正在使用jquery-mousewheel插件来触发一个功能。

当我调用moveit时，我会分离监听器并等到动画完成，然后重新连接监听器。

问题是当我重新附加它时，鼠标滚轮插件仍然在听一些鼠标/触控板的惯性，并重复调用moveit 。

我想在我的具体情况下，去抖动或限制函数调用不是好的解决方案，因为惯性仍然存在，我还希望立即附加侦听器以进行其他可能的moveit调用。

有没有办法通过完全重置鼠标滚轮事件来“消除惯性”，而不仅仅是分离它？

$(document).ready(function () {

    var tween;
    var slide = $('#slide');

    function bodyListen () {
        $('body').on('mousewheel.bodyscroll',
        function (e, delta, deltaX, deltaY) {
            e.preventDefault();
            $('body').off('mousewheel.bodyscroll');
            moveit();
        });
    }

    function moveit () {
        tween = TweenMax.to(slide, 0.8, {
            marginLeft: 300,
            onComplete: bodyListen
        });
    }

    bodyListen();
});
4

2 回答 2

5

在处理事件（或与 DOM 相关的任何操作）时使用标志，因为事件侦听器通常表现得像异步函数。

$(document).ready(function () {

    var tween;
    var slide = $('#slide');
    var flag = true;

    function bodyListen () {
        $('body').on('mousewheel.bodyscroll',
        function (e, delta, deltaX, deltaY) {
            if(flag){
                e.preventDefault();
                flag = false;
                moveit();
            }
        });
    }

    function moveit () {
        tween = TweenMax.to(slide, 0.8, {
            marginLeft: 300,
            onComplete: function(){
                flag = true;
            }
        });
    }

    bodyListen();
});
于 2014-02-14T10:16:27.617 回答
0

虽然我自己没有尝试过，但 TweenMax 有Kill Tweens of和KillAll允许你杀死一个 tween 并可选地在你做之前完成它们。也许不是你想要的，因为它会强制动画完成，但它会让你回到你想要的状态，并且代码插入很简单。在函数 bodyListen 的开头

function bodyListen() {
    if(tween) tween.killAll(true)
    .....
于 2014-02-12T15:44:30.367 回答