Jquery 猫头鹰转盘自动播放不工作
关于这一点,我搜索了很多次,每次都找到了几乎相同的答案。我也提到了这一点 我正在使用以下代码设置自动播放时间,但它不起作用:Jquery 猫头鹰转盘自动播放不工作,jquery,owl-carousel,Jquery,Owl Carousel,关于这一点,我搜索了很多次,每次都找到了几乎相同的答案。我也提到了这一点 我正在使用以下代码设置自动播放时间,但它不起作用: <script type="text/javascript"> $(document).ready(function() { var owl = $("#productslider"); owl.owlCarousel({ items: 1, autoplay: true
<script type="text/javascript">
$(document).ready(function() {
var owl = $("#productslider");
owl.owlCarousel({
items: 1,
autoplay: true
});
});
</script>
$(文档).ready(函数(){
var owl=$(“#产品滑块”);
猫头鹰旋转木马({
项目:1,
自动播放:对
});
});
我正在使用以下格式的owl转盘:
<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>
新的15%折扣
abcd
XL/XXL/S
$25
添加到购物车
谁能告诉我我错过了什么 不确定这是否解决了您的问题,但您可以将自动播放设置为500 autoPlayTimeout似乎不是有效的属性- 此外,autoplayHoverPause应为stopOnHover
.owlCarousel({
autoplay:true,
autoplayTimeout:2000,
...
...