Javascript 猫头鹰旋转圆点不出现在幻灯片中间

Javascript 猫头鹰旋转圆点不出现在幻灯片中间,javascript,html,css,Javascript,Html,Css,我正在创建一个网站,并尝试使用猫头鹰旋转木马来展示我的每一项技能。我试图在幻灯片的末尾显示点。但是,似乎只有导航箭头出现。我可以拖动项目,但点不会出现 任何帮助都将不胜感激 Javascript: $(".owl-carousel").owlCarousel({ loop: true, nav: true, items: 1, autoplay: true, autoplayTimeout: 2000, autoplayHoverPause: true

我正在创建一个网站,并尝试使用猫头鹰旋转木马来展示我的每一项技能。我试图在幻灯片的末尾显示点。但是,似乎只有导航箭头出现。我可以拖动项目,但点不会出现

任何帮助都将不胜感激

Javascript:

$(".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

感谢您的帮助。我将此添加到函数中,但每个元素都有点不居中。是的,事实上我没有主题文件。多谢各位