Javascript 猫头鹰旋转圆点不出现在幻灯片中间
我正在创建一个网站,并尝试使用猫头鹰旋转木马来展示我的每一项技能。我试图在幻灯片的末尾显示点。但是,似乎只有导航箭头出现。我可以拖动项目,但点不会出现 任何帮助都将不胜感激 Javascript:Javascript 猫头鹰旋转圆点不出现在幻灯片中间,javascript,html,css,Javascript,Html,Css,我正在创建一个网站,并尝试使用猫头鹰旋转木马来展示我的每一项技能。我试图在幻灯片的末尾显示点。但是,似乎只有导航箭头出现。我可以拖动项目,但点不会出现 任何帮助都将不胜感激 Javascript: $(".owl-carousel").owlCarousel({ loop: true, nav: true, items: 1, autoplay: true, autoplayTimeout: 2000, autoplayHoverPause: true
$(".owl-carousel").owlCarousel({
loop: true,
nav: true,
items: 1,
autoplay: true,
autoplayTimeout: 2000,
autoplayHoverPause: true,
dots: true,
responsive:{
0:{
items:1
},
480:{
items:2
},
768:{
items:3
},
938:{
items:4
}
}
});
导航箭头显示,但点不显示。在此
$(“.owl carousel”).owlCarousel({})中放置中心:true
。希望它能工作我不确定您使用的是哪个版本的Owl Carousel,这可能决定了init函数中控制点的参数。但是您可以在页面上搜索HTML以查找class=“owl dots”
,这是通常提供给此容器的类。检查css是否设置为display:none代码>。如果是,那么您可能没有指定正确的代码来显示将删除该类的点。因此,您可以找到在init函数中设置它的文档,或者只设置CSS规则.owl dots{display:block!important;}
。您可能还需要这样才能使按钮水平排列:.owl dots.owl dot{display:inline block;}
是否包含owl转盘的主题文件。看起来默认的css只有基本的样式。主题css包括元素样式,如点:
$(“.owl carousel”).owlCarousel({
循环:对,
导航:是的,
项目:1,
自动播放:对,
自动播放超时:2000,
自动播放暂停:对,
点:是的,
响应:{
0:{
项目:1,
},
480:{
项目:2,
},
768:{
项目:3,
},
938:{
项目:4,
}
}
});代码>
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
感谢您的帮助。我将此添加到函数中,但每个元素都有点不居中。是的,事实上我没有主题文件。多谢各位