☰

Bootstrap カルーセル : 自動スライドを削除する 質問する

tag-icon • tag-icon javascript jquery twitter-bootstrap
Bootstrap カルーセル : 自動スライドを削除する 質問する

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

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

正常に動作しますが、ナビゲーションまたはページネーションをクリックすると、自動的にスライドするようになります。自動スライド機能を削除することはできますか? できる場合、どのようにすればよいですか?

ベストアンサー1

これを行うには、js または html の 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 のコメントに基づいて更新されました

おすすめ記事