マウスホバー動作でブートストラップカルーセルが一時停止するのを防ぎ、代わりにアイテムを自動的に循環し続けることは可能ですか？
ドキュメントには、のデフォルトの動作のみが記載されていますpause: "hover"。pause引数を他の引数に変更すると、カルーセルが完全に機能しなくなるため、このデフォルトの動作を無効にする方法がわかりません。
75642 次
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"
ホバー時に一時停止するかどうかを追加します。オプションtrueはfalse
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 つの事柄があることを発見しました。
- マウスが入ったとき ( mouseenter - スライドを一時停止)
- マウスが離れたとき ( mouseleave - スライドを再開)
js/bootstrap.js ファイルの次のコード行を変更して、継続的なスライドを許可します。
.on('mouseenter', $.proxy(this.pause, this)) に
.on('mouseenter', $.proxy(this.**cycle**, this))
于 2017-09-11T05:53:20.863 に答える