<div id="myCarousel" class="carousel slide"> <!-- Carousel items --> <div"> <div id="myCarousel" class="carousel slide"> <!-- Carousel items --> <div"> <div id="myCarousel" class="carousel slide"> <!-- Carousel items --> <div" />

Twitterのブートストラップ2.0でカルーセルを制御する

私は、ブートストラップ2.0の新しいカルーセル機能をテストしており、nav矢印を正しく機能させるのが難しいです。ドキュメントは現時点では少し薄く、私は一種の初心者です。

これは私のhtmlです:

<div class="span9">

<div id="myCarousel" class="carousel slide">

  <!-- Carousel items -->
  <div class="carousel-inner">

  <div class="item active">

  

  <div class="carousel-caption">

  

First Thumbnail label

Blah Blah Blah

</div><!-- Carousel caption --> </div><!-- items --> <div class="item"> <div class="carousel-caption">

First Thumbnail label

Blah Blah Blah

</div><!-- Carousel caption --> </div><!-- items --> </div><!-- Carousel inner --> <!-- Carousel nav --> </div><!-- Carousel --> </div><!-- span -->

私はjavascriptでカルーセルを起動しました:

$('#myCarousel').carousel()

それはうまくいく。ただし、矢印をクリックすると、矢印は画像を移動/移動しません。

私はそれが私が行方不明の単純なものだと確信しています。ご協力いただきありがとうございます。

1

6 答え

私は同様の問題を抱え、jQueryの私のバージョンが古くなっていることを発見しました。おそらく、あなたが最新のバージョンを実行していることを確認してください。現在、Bootstrap Docsはバージョン1.7.1を実行しています。 1.7.1にアップデートした後、次と前のボタンは正常に機能しました。

3
追加された

私はカルーセルに問題がありましたが、私はそれを働かせました。今は、ページが読み込まれた後に画像を自動的に循環させる方法を理解できません。

2
追加された

今日も同じ問題を抱えています。私のソリューション:

  • jQuery 1.7.1(1.6.4ではなく)を使用する必要がありました
  • bootstrap-transition.jsを含める必要がありました

私の質問:カルーセルの自動再生を止めるにはどうすればいいですか?

1
追加された

どうやらこれはBootstrap 2.0.1のバグでした。この質問の別のバージョンに答えてAlexander Poslavskyによって与えられた答えは、私のために働いた。

Here is his answer: https://stackoverflow.com/a/9482845/1166287

-装置following- following- following- 13-装置13----- 13 13 following装置--following装置--following 13--- following- following- following 13-- 13装置-13- following装置following 13装置装置--following following 13装置---following following 13 13 13装置装置following 13--- following following following- following- following-- 13- following-装置following装置13 13 following following-- 13-- 13--

if (!$next.length) return
1
追加された

あなたのページにtransistions libを追加しましたか?プラグインリストの最後ですか?

1
追加された
はい - 私はjs/bootstrap-transition.jsにリンクしました。それはそれにも見えません。カルーセルはサイクル写真を撮りますが、ナビゲーションは機能しません...
追加された 著者 Ritcho,
おそらく誰かがこの仕組みを説明できます:&lsaquo;
追加された 著者 Ritcho,

bootstrap.js(bootstrap-carousel.jsも見ることができます)のコードを実行していました。これは、リストの最後の項目にある場合は、スライドメソッドのコードが返されるためです。

削除するとうまくいきます:

if (!$next.length) return

ちょうどDavid Cochranが言ったように。

1
追加された