ページャーで実行されている jquery サイクルがあります。それは自動的に循環し、手動でサイクルを制御するためのページャー ボタンがあり、ページャー ボタンを使用した後、自動前進を再開します。ここで、サイクルを一時停止するための外部ボタンも作成しました。しかし、このボタンを使用してサイクルが一時停止された後、ページャー ボタンがクリックされたときにサイクルを再開したいのですが、それはそうではありません。
ヒントやコツはありますか?
ページャーで実行されている jquery サイクルがあります。それは自動的に循環し、手動でサイクルを制御するためのページャー ボタンがあり、ページャー ボタンを使用した後、自動前進を再開します。ここで、サイクルを一時停止するための外部ボタンも作成しました。しかし、このボタンを使用してサイクルが一時停止された後、ページャー ボタンがクリックされたときにサイクルを再開したいのですが、それはそうではありません。
ヒントやコツはありますか?
サイクルを再開するには、イベントをページャーに配線する必要があります。
$('#pager li').click(function() {
$('#slideshow').cycle('resume');
});
完全な例を次に示します。
http://jsfiddle.net/lucuma/fg6d4/2/
コメントごとに更新:
別の方法として、mouseleave にバインドしてクリックすると、ホバーの問題も修正されるはずです。
$('#pager li').on("mouseleave click",function() {
$('#slideshow').cycle('resume');
});