我正在测试不同的配置,以尝试创建所需的体验。我正在使用连续滚动配置,并在页面加载时暂停它。然后我有上一个和下一个按钮。我有悬停按钮。因此,将鼠标悬停在该方向上可将其滚动,然后悬停将其暂停。
问题是当我将其更改为立即暂停时。下次我将鼠标悬停时,它将不再播放。
这是它起作用的代码的摘录,但不是立即的:
.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。
我想念什么?
最佳答案
要在立即暂停后再次播放,请触发resume事件而不是play事件。
.trigger('resume')
请注意,它将在恢复时完成其过渡。它必须在某个时候完成过渡。根据其他设置,这可能会或可能不会很明显。
要立即完成转换,请触发完成事件。
.trigger('finish')
根据其他设置,这可能会使它看起来有些“毛刺”,但至少不会给人以按钮不起作用的印象。
查看此jsFiddle以获得连续滚动的两种变体。一个立即暂停,然后在悬停时恢复。另一个立即完成,然后在悬停时加快速度。
关于jquery - 立即暂停(自定义事件)后,如何让carouFredSel重新播放?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/20161095/