jquery - 2 番目のフクロウ カルーセルの写真スライダーが機能しない

Question

私はしばらくこれで忙しかったので、ここで複数の質問をしました。
しかし、ここにコード全体があります。動作しない 2 番目のカルーセルについてです。最初のカルーセルはうまく動作します。

ありがとう。

http://pastebin.com/wtPgi4cV

Answer 1

同時に複数のフクロウ カルーセルを使用するには、別の「ID」を使用するだけです

JavaScript

$(document).ready(function() {

  $("#owl-demo1").owlCarousel();
  $("#owl-demo2").owlCarousel();

});

html

<div id="owl-demo1" class="owl-carousel">
    <div class="item"><img src="slide1.jpg"></div>
    <div class="item"><img src="slide2.jpg"></div>
    <div class="item"><img src="slide3.jpg"></div>
    <div class="item"><img src="slide4.jpg"></div>
    <div class="item"><img src="slide5.jpg"></div>
    <div class="item"><img src="slide6.jpg"></div>
</div>

<div id="owl-demo2" class="owl-carousel">
    <div class="item"><img src="slide7.jpg"></div>
    <div class="item"><img src="slide8.jpg"></div>
    <div class="item"><img src="slide9.jpg"></div>
    <div class="item"><img src="slide10.jpg"></div>
    <div class="item"><img src="slide11.jpg"></div>
    <div class="item"><img src="slide12.jpg"></div>
</div>