Question

我正在测试尝试创建所需体验的不同配置。我正在使用连续滚动配置并在页面加载时暂停它。然后我有上一个和下一个按钮。我有按钮工作悬停。所以将鼠标悬停在那个方向滚动它，然后将其悬停暂停。

问题是当我将其更改为立即暂停时。下次我将鼠标悬停时，它不再播放。

以下是代码所用的摘录，但不是即时的：

.find('.prev').hover(function() {
    $(this).parent().find('ul')
        .trigger('configuration', ['direction', 'right'])
        .trigger('play');
}, function() {
    $(this).parent().find('ul').trigger('pause');
})

以下是立即暂停的代码：

.find('.prev').hover(function() {
    $(this).parent().find('ul')
        .trigger('configuration', ['direction', 'right'])
        .trigger('play');
}, function() {
    $(this).parent().find('ul').trigger('pause', true); //immediate pause
})

我为播放和暂停尝试了很多不同的参数组合，但没有任何结果可以达到预期效果 - 立即暂停/恢复。它是第一次播放，但之后再也没有。

这是一个jsFiddle，其中包含完整的代码示例。

我错过了什么？

Answer 1

要在立即暂停后再次播放，请触发恢复活动而不是播放事件。

.trigger('resume')

请注意，它会在恢复时完成转换。已在某个时刻完成转换。根据其他设置，这可能会或可能不会引人注意。

要立即完成转换，请触发结束事件。

.trigger('finish')

根据其他设置，这可能会让它看起来有点“毛病”，但至少它不会让人觉得按钮不起作用。

查看此jsFiddle以了解连续滚动的两种变体。一个人立即停顿，然后在悬停时重新开始。另一个立即完成，然后在悬停时加速。

在暂停（自定义事件）后，如何让carouFredSel再次播放？

1 个答案: