jquery - 如何在 Jquery Cycle 插件中的 onclick 事件中停止滑块旋转？

Question

我正在使用 jquery 循环插件，我的滑块包含嵌入式视频。现在我需要插件行为，这样当用户点击视频幻灯片时，滑块应该停止并播放视频。目前视频开始播放，但随着滑块再次开始旋转而消失。这是我的代码：

$('.slideshow').cycle({
    fx:     'scrollHorz',
    timeout: 7000,
    next: '#nextVideo',
    prev: '#prevVideo',
    pause:  1

});

目前它在悬停时暂停。但我希望它在单击后停止。

有人提出了这个解决方案：

$('.slideshow').click(function(){
   $(this).cycle('id').cycle('pause');
});

使用此解决方案的问题是它会停止滑块并播放视频，但滑块下一个/上一个按钮也停止工作。

因此，我正在寻找合适的解决方案。任何人都可以帮忙吗？

提前致谢 ！

Answer 1

你只需要在你的点击事件中添加这个

$('id').cycle('pause'); /*Stop the Cycle plugin*/

这是正确的方法

$('.slideshow').click(function(){
  $('id').cycle('pause');
});