jquery - ページ読み込み時に Twitter ブートストラップカルーセルが自動スライドしないようにする

Question

次または前のボタンがクリックされない限り、ページの読み込み時にtwitterのブートストラップカルーセルが自動スライドしないようにする方法はありますか?

ありがとう

score 53 · Accepted Answer

実際、問題は現在解決されています。以下のように、メソッド「カルーセル」に「一時停止」引数を追加しました。

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});

とにかく、このソリューションに関するヒントをくれた @Yohn に感謝します。

score 43 · Accepted Answer

前へ/次へのボタンを押した後にカルーセルが自動的にスライドする問題が解決されました。

$('.carousel').carousel({
    pause: true,
    interval: false
});

score 17 · Accepted Answer

カルーセルの HTML 構造に設定されたブートストラップ 3を使用している場合data-interval="false"

例：

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

score 11 · Accepted Answer

score 10 · Accepted Answer

10

これを coursel div に追加します。

data-interval="false"

于 2015-12-13T02:13:10.350 に答える

score 5 · Accepted Answer

以下は、ブートストラップカルーセルのパラメーターのリストです。インターバルと同様に、一時停止、ラップ:

詳細については、次のリンクを参照してください。

これがあなたを助けることを願っています:)

注:これはさらなるヘルプ用です。カルーセルがロードされたら、デフォルトの動作をカスタマイズまたは変更する方法を意味します。

score 2 · Accepted Answer

カルーセルに関する公式の指示を確認する必要があると思います。ブートストラップのバージョンが複数あるため、上記の回答が見つかりませんでした。b4-alpha を使用していて、自動再生効果を停止したいのです。

$(document).ready({
    pause:true,
    interval:false
});

このスクリプトは、マウスがそのページ、正確にはカルーセル領域を離れている間は何の効果もありません。公式の定義に移動して、それらを見つけます：

その理由がわかります。カルーセルページの onmouseover イベントがトリガーされた場合、ページは一時停止し、マウスがそのページから離れると、再び再開します。

したがって、ページを永久に停止して手動で回転させたい場合は、を設定するだけですdata-interval='false'。

score 1 · Accepted Answer

-- 自動スライドを停止するには data-interval="false" を使用します -- 循環スライドを停止するには data-wrap="false" を使用します

...

jquery - ページ読み込み時に Twitter ブートストラップ カルーセルが自動スライドしないようにする