外部コントロールを使用して jcarousel をセットアップしました。「コントロール」リストのリンクを「マウスオーバー」すると、カルーセルが対応する画像にスクロールします。
これまでのところすべて正常に動作していますが、さまざまな「コントロール」リンクをすばやく「マウスオーバー」すると、最初のリンクでスタックし、スクロールアニメーションが終了するのを待ちます。
// SCROLL TO LINK
$('#controls a').on('mouseover',function() {
var opt = $('#controls a').index(this)+1;
carousel.scroll($.jcarousel.intval(opt));
});
よくわかりませんが、この問題を解決するには、「マウスオーバー」で実行中のスクロール アニメーションを停止する必要があると思います。
私はこれらの行を試しました(これは機能しません):
carousel.stop(true);
と:
carousel.scroll.stop(true);
誰でもこれで私を助けることができますか? おそらく簡単な解決策がありますが、私は一般的に jQuery やプログラミングの経験がありません。