如何在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');
});