连续滚动不工作时轮播触发答案

【问题标题】：carousel trigger when continuous scrolling not working连续滚动不工作时轮播触发
【发布时间】：2013-02-14 08:00:52
【问题描述】：

轮播 (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");
}

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

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

【问题讨论】：

标签： javascript jquery jquery-plugins plugins caroufredsel

【解决方案1】：

这完全取决于轮播的实现方式。一个可能的解决方案可能是停止eventPropagation。根据轮播的实现，它可能会起作用，也可能不会起作用。

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

【讨论】：