如何在 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'); /*停止 Cycle 插件*/

这是正确的方法

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