2

jQuery v 1.7.2、Bootstrap v 2.0.4（今朝ホームページから標準ファイルをダウンロード）

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script>$('#myCarousel').carousel({interval: false})</script>

これについて多くの質問を見てきましたが、公式のBootstrapブログ（「Javascript」という見出しの下の項目5と10）によると、この問題はv2.0.3で解決されるはずでした。

ユーザーが前/次のリンクをクリックしない限り、これは（ドキュメントによると）スライドを防ぐはずなので、呼び出しにfalseの間隔を追加しました。

最初はこれで問題なく動作します。ページの読み込み、スライドなし、ユーザーが次のリンクをクリックすると、次のスライドにうまく移行します。ただし、ユーザーがマウスをコンテナ#myCarouselから離すと、スライドアクションが再び自動化を開始します。

どうしたの？スライドアクションをユーザーが制御できるようにしたいと思います。

4

1 に答える 1

3

あなたが説明した振る舞いを再現することができませんでした。

JSフィドル

この動作が実際に見られる場合は、Bootstrapリポジトリで問題を報告する必要があります。

ただし、ホバーベースの一時停止の切り替えを完全に無効にする場合は、次を使用してみてください。

$('#myCarousel').carousel({interval: 0, pause: 'none'});

の値は、pause以外のものである必要があります'hover'。の値は偽である必要があります。それ以外の場合は数値であると想定されているため、使用する方が意味的に意味があるintervalと思います。0

もう1つのオプションは、マウスリスナーを手動でオフにすることです。

$('#myCarousel').off('mouseenter').off('mouseleave');
于 2012-07-17T15:43:36.487 に答える