Question

我一直在努力将owlCarousel合并到rails应用中。我已经使用以下javascript工作了：

$(document).ready(function(){
  $('.owl-carousel').owlCarousel();
});

然而，当我尝试更改其中一个参数时，Carousel突然根本不起作用。它没有显示在页面上。

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
      item : 3
  });
});

这是我的rails app生成的HTML：

<div id="owl-example" class="owl-carousel">
  <div class="featured">
    <p>
      <a href="/shows/bkpa">
      <img alt="Sstl1idgz8hcion3dhcf" class="featured-photo" src="/sstl1idgz8hcion3dhcf.jpg" />
      <br />
      Show title
      </a>
    </p>
  </div>
  <div class="featured">
    <p>
      <a href="/shows/aadfa">
      <img alt="Sstl1idgz8hcion3dhcf" class="featured-photo" src="/sstl1idgz8hcion3dhcf.jpg" />
      <br />
      Show title
      </a>      
    </p>
  </div>
</div>

Answer 1

我在参数列表中看不到item？这可能是原因吗？

我看到items: 3作为选项，如果您想展示单个项目，也有singleItem选项。

  navigation : true, // Show next and prev buttons
      slideSpeed : 300,
      paginationSpeed : 400,
      singleItem:true

source

将OwlCarousel合并到Rails应用程序中

1 个答案: