フクロウカルーセル2列に2個のカルーセルを追加できません。

Question

1つのページに2つのフクロウカルーセルを追加します。HTML 例行1。 = owl-carousel1 行2。 = owl-carosoul2

   <div class="item"> 
       <!-- Item Image --> 
       <div class="item-image"><img src="assets/img/image1.jpg" class="img-medium" alt="Ceo"></div> 
       <!-- Item Image End --> 

       <!-- Item Description --> 
       <div class="item-desc"> 
        <a class="link" href="#"> 
         <div class="desc-content"> 
          <span class="yellow">CEO</span> 
          <span class="title">Name Lastname</span> 
         </div> 
        </a> 
        <ul class="social-icons social-white nav-default clearfix"> 
         <li><a href="https://www.facebook.com/#"><i class="fa fa-facebook"></i></a></li> 
         <li><a href="#"><i class="fa fa-twitter"></i></a></li> 
         <li><a href="#"><i class="fa fa-google"></i></a></li> 
        </ul> 
       </div> 
       <!-- Item Description End --> 
      </div> 
     <!-- Item List End --> 
    </div> 

新しい例を追加すると2番目の列に表示されませんか？ 誰もが私がここにHTML

Answer 1

で役立つ、これはjavascriptの質問です...フクロウ-team.jsの少しのコード

$.fn.owlCarousel = function (options) { 
    return this.each(function() { 
     if ($(this).data("owl-init") === true) { 
      return false; 
     } 
     $(this).data("owl-init", true); 
     var carousel = Object.create(Carousel); 
     carousel.init(options, this); 
     $.data(this, "owlCarousel", carousel); 
    }); 
};