54

マウスホバー動作でブートストラップカルーセルが一時停止するのを防ぎ、代わりにアイテムを自動的に循環し続けることは可能ですか?

ドキュメントには、のデフォルトの動作のみが記載されていますpause: "hover"。pause引数を他の引数に変更すると、カルーセルが完全に機能しなくなるため、このデフォルトの動作を無効にする方法がわかりません。

4

7 に答える 7

92

の値を"false"指定すると、マウスオーバー中にカルーセルが循環し続けることがわかりました。

$('.carousel').carousel({
    pause: "false"
});

Twitter Bootstrap v2.0.2 を使用しています

于 2012-05-04T00:08:10.700 に答える
60

JavaScript を使用する代わりに、これを div .carousel にも追加できます。

遅延時間を追加:

data-interval="3000"

ホバー時に一時停止するかどうかを追加します。オプションtruefalse

data-pause="false"

例は次のとおりです。

<div id="carousel" class="carousel" data-ride="carousel" data-interval="3000" data-pause="false">

これは私にとってはうまくいきました。

于 2014-11-14T04:17:43.600 に答える
0

私は、この循環と一時停止が依存する 2 つの事柄があることを発見しました。

  1. マウスが入ったとき ( mouseenter - スライドを一時停止)
  2. マウスが離れたとき ( mouseleave - スライドを再開)

js/bootstrap.js ファイルの次のコード行を変更して、継続的なスライドを許可します。

.on('mouseenter', $.proxy(this.pause, this))

.on('mouseenter', $.proxy(this.**cycle**, this))

于 2017-09-11T05:53:20.863 に答える