猫头鹰轮播自动播放不起作用答案

【问题标题】：Owl-carousel Autoplay not working猫头鹰轮播自动播放不起作用
【发布时间】：2015-07-06 12:22:02
【问题描述】：

我对此进行了很多搜索，每次都找到几乎相同的答案。我已经提到了Owl Carousel Won't Autoplay 和Owl Carousel Will Not Autoplay，这也是http://owlcarousel.owlgraphic.com/demos/autoplay.html

我正在使用下面的代码来设置自动播放时间，但它不起作用：

<script type="text/javascript">
        $(document).ready(function() {
          var owl = $("#productslider");
        owl.owlCarousel({
        items: 1,
        autoplay: true
    });
       });
    </script>

我正在使用以下格式的猫头鹰轮播：

<div id="productslider" class="owl-carousel owl-theme">
                <div class="item">
                    <div class="product">
                        <a class="add-fav tooltipHere" data-toggle="tooltip" data-original-title="Add to Wishlist" data-placement="left">
                            <i class="glyphicon glyphicon-heart"></i>
                        </a>
                        <div class="image">
                            <div class="quickview">
                                <a title="Quick View" class="btn btn-xs  btn-quickview" data-target="#product-details-modal" data-toggle="modal"> Quick View </a>
                            </div><a href="product-details.html"><img src="images/product/34.jpg" alt="img" class="img-responsive"></a>
                            <div class="promotion"> <span class="new-product"> NEW</span> <span class="discount">15% OFF</span> </div>
                        </div>
                        <div class="description">
                            <h4><a href="product-details.html">Product 1</a></h4>
                            <p>abcd</p>
                            <span class="size">XL / XXL / S </span> </div>
                        <div class="price"> <span>$25</span> </div>
                        <div class="action-control"> <a class="btn btn-primary"> <span class="add2cart"><i class="glyphicon glyphicon-shopping-cart"> </i> Add to cart </span> </a> </div>
                    </div>
</div>

谁能告诉我我错过了什么？

【问题讨论】：

标签： jquery owl-carousel

【解决方案1】：

不确定这是否能解决您的问题，但您可以设置自动播放：500。

autoPlayTimeout 似乎不是一个有效的属性 - http://owlgraphic.com/owlcarousel/#customizing

另外，autoplayHoverPause 应该是 stopOnHover

【讨论】：

【解决方案2】：

.owlCarousel({     
  autoplay:true,
  autoplayTimeout:2000,
  ...
  ...

【讨论】：