我的猫头鹰传送带有几个问题。一个原因是它目前没有响应,但这是另一个问题!目前,我不断获得3个点,但是应该只有2个点。我希望在页面中间有2个项目(我将.owl-carousel的最大宽度设置为500px)。这是我的标记:
<div id="owl-cd" class="owl-carousel">
<div class="item"><img src=""></div>
<div class="item"><img src=""></div>
<div class="item"><img src=""></div>
</div>
这是我的自定义CSS:
#owl-cd .item img{
margin: 0 auto;
display: block;
padding: 0px 0px 10px 0px;
}
#owl-cd .item {
padding: 0px 0px 0px 0px;
color: #686974;
border: 0;
max-width: 100%;
}
而我的脚本:
$(document).ready(function() {
$("#owl-cd").owlCarousel({
items: 2,
dots: true,
margin: 20,
autoWidth:true,
center:false,
}
);
});
抱歉,如果我没有包含所有必需的内容,那么我对开发来说是一个新手。只是尝试一些事情,但不确定为什么我得到3个点而不是2个点,以及为什么它现在没有响应!
我通过分离owl-carousel类并将其放在单独的owl-cd div id中来解决此问题。所以:
<div id="owl-cd">
<div class="owl-carousel">
<div class="item"><img src=""></div>
<div class="item"><img src=""></div>
<div class="item"><img src=""></div>
</div>
</div>
我还从CSS的.owl-carousel中删除了最大宽度,并将其应用于#owl-cd。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句