134

Bootstrap Carousel を使用しています。私が望むのは、ナビゲーションまたはページネーションがクリックされたときにのみスライダーがスライドすることです。外してみました

$('.carousel').carousel({
    interval: 6000
});

正常に動作しますが、私の問題は、ナビゲーションまたはページネーションをクリックすると自動スライドになることです。オートスライド機能を外すことはできますか？もしそうなら、どのように？

4

8 に答える 8

273

これは、js または html (easist) を介して 2 つの方法で行うことができます。

  1. js経由
$('.carousel').carousel({
  interval: false,
});

ミリ秒が追加されず、次にスライドしないため、自動スライドが停止します。

  1. Html経由で 追加data-interval="false"および削除するdata-ride="carousel"
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">

になります：

<div id="carouselExampleCaptions" class="carousel slide" data-interval="false">

@webMan のコメントに基づいて更新

于 2013-02-20T10:22:07.943 に答える
114

公式ドキュメントから：

間隔アイテムを自動的に循環させるまでの遅延時間。falseの場合、カルーセルは自動的に循環しません。

この値は、j​​avascriptまたはdata-interval="false"属性を使用して渡すことができます。

于 2013-02-20T10:25:55.587 に答える
60

DIV タグにもう 1 つの属性を追加する必要があります。

data-interval="false"

JSに触れる必要はありません！

于 2016-10-05T12:55:37.850 に答える
4

データ間隔="false"

これを対応するdivに追加します...

于 2016-12-12T07:28:45.817 に答える