Javascript 猫头鹰转盘上一步按钮未显示
我正在使用owl转盘显示产品。问题是“下一步”和“上一步”按钮没有显示 这是我包含的文件Javascript 猫头鹰转盘上一步按钮未显示,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用owl转盘显示产品。问题是“下一步”和“上一步”按钮没有显示 这是我包含的文件 owl.carousel.min.css owl.theme.default.min.css 猫头鹰·卡鲁萨尔·明 在main.js中 jQuery(document).ready(function ($) { $('.owl-carousel-featured-product').owlCarousel({ loop:true, margin:10, nav:true, dots:false, it
jQuery(document).ready(function ($) {
$('.owl-carousel-featured-product').owlCarousel({
loop:true,
margin:10,
nav:true,
dots:false,
items:4,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
});
});
下面是生成的HTML
<div class="owl-carousel-featured-product featured-product">
<div class="owl-wrapper-outer">
<div class="owl-wrapper" style="width: 7410px; left: 0px; display: block;">
<div class="owl-item" style="width: 285px;">
<div class="productslide">
</div>
</div>
</div>
虽然设置了nav:true选项,但仍然没有显示prev&Next按钮,但不会呈现html nav:true在版本2及更高版本上工作,您可以尝试navigation:true,如果在crousel为特定视图端口定义的编号中项目的数量较少,那么在本例中,该按钮也隐藏了。我无意中对owl.carousal.min.js文件进行了注释:(.现在一切正常。名称中存在键入错误,对吗?
<div class="owl-controls clickable">
<div class="owl-pagination">
<div class="owl-page active">
<span class=""></span>
</div>
<div class="owl-page">
<span class=""></span>
</div>
<div class="owl-page">
<span class=""></span>
</div>
<div class="owl-page">
<span class=""></span>
</div>
</div>
</div>