jquery 悬停时暂停恢复

Question

我无法理解为什么它停止工作。

我在这里设置了一个示例:

http://jsfiddle.net/MNT4e/

悬停时的暂停/恢复工作正常，但在 2 次循环后就会停止。

如何让悬停功能持续工作？

Answer 1

<强> Live Demo (出于测试目的删除了一堆列表项)

不使用暂停/恢复插件，因为我很确定这是导致问题的原因。其作用只是在悬停时停止动画，并在您离开时重新启动动画。由于您已经将动画设置为基于当前位置，因此它会恢复正常。

编辑修复了每次悬停时动画速度减慢的问题。无论循环多少次，现在都应该可以完美工作。

var vox_news = 0;

$('.voxNews li').each(function() {
    vox_news += $(this).outerWidth( true );
});

$('.voxNews').parent().append($('.voxNews').clone());
    function setupNews(w) {
        function phase1() {
            var voxNews = $('.voxNews').first(),
                curMargin = voxNews.css('margin-left').replace("px", ""),
                animSpeed = (w*20) - (Math.abs(curMargin)*20);

            voxNews.animate({'margin-left' : '-' + w + 'px'}, animSpeed, 'linear', phase2);
        }
        function phase2() {
            $('.voxNews').first().css({'margin-left' : '0px'});
             phase1();
        }
        $('.voxNews li a').hover(function() {
            $('.voxNews').stop();
        }, function() {
            phase1();
        });
        phase1();
    }

setupNews(vox_news);