Question

旋转木马（caroufredsel）滚动（check this for example）连续向左。当我向右移动箭头时，它将停止滚动，然后它将反转它的方向。我尝试使用自定义事件但看起来它不起作用。这是旋转木马的代码。

$('#gallery').carouFredSel({
    width: "variable",

    auto: {
        items                   : 4,
        duration                :"40000",
        easing                  :"linear",
        timeoutDuration         :0,
        pauseOnHover        :"immediate"
        },
    items: {
        visible: 3
    }

});

现在我的自定义事件会导致轮播反转，方向是这样的。但是直到完成滚动的整个项目它才能工作。我想要实现的是在悬停时瞬间反转方向。

$('a.prev').hover(function()
{
    $('#gallery').trigger("pause");
    $('#gallery').trigger("configuration",["direction",right]);
    $('#gallery').trigger("play");
}

上面的代码不起作用，我尝试了不同的事件来模拟滚动的反转，但没有运气。

如果没有解决方法。我愿意改变另一个可以轻松完成工作的插件。如果您知道可以轻松完成的事情，请留下您的建议。非常感谢你！

Answer 1

这完全取决于旋转木马的实施方式。一种可能的解决方案可能是停止eventPropagation。根据旋转木马的实施情况，它可能会也可能不会起作用。

$('a.prev').hover(function(event)
{
    event.stopPropagation();
    $('#gallery').trigger("pause");
    $('#gallery').trigger("configuration",["direction",right]);
    $('#gallery').trigger("play");
}

连续滚动不起作用时的轮播触发器

1 个答案: