猫头鹰Carousal2,包含项目1和循环true [英] Owl Carousal2 with items 1 and loop true
本文介绍了猫头鹰Carousal2,包含项目1和循环true的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
items: 1
})
});
<div class="owl-carousel">
<div class="item"><h4>1</h4></div>
</div>
<link href="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.owlcarousel.owlgraphic.com/assets/owlcarousel/owl.carousel.js"></script>
控制台错误:TypeError:未定义items [clones [(clones.length-1)]].
由于仅一项div
和属性循环true
以及项目1而导致此错误.
所以.在这种情况下的任何解决方案.我知道这种情况不会发生,但是如果有解决办法,请告诉我,谢谢.
Console Error : TypeError: items[clones[(clones.length - 1)]] is undefined.
this error due to only one item div
and property loop true
and item 1.
So. any solution at this situation. I know this type of Situation does not occurs but if any solutions please tell me Thanks a lot.
推荐答案
添加onInitialize并检查轮播中包含多少项.如果轮播中有1个或更少的项目,请将loop设置为false.
Add onInitialize and check how many items the carousel contains. If the carousel has 1 or less items, set loop to false.
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
items: 1,
onInitialize: function (event) {
if ($('.owl-carousel .item').length <= 1) {
this.settings.loop = false;
}
}
})
});
这篇关于猫头鹰Carousal2,包含项目1和循环true的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文