如何在jquery循環插件中的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'); 
}); 

正道