jquery - 奇怪的 Owl Carousel 行为

Question

几天来我一直在尝试修复 Owl Carousel ，但找不到任何对我有帮助的在线解决方案。也许您作为网络​​专家可以帮助我 :)。

我正在 head 标签加载猫头鹰 CSS。然后在底部我加载这个:

<script src="assets/plugins/owl-carousel2/owl.carousel.js"></script>
<script type="text/javascript" src="assets/js/plugins/owl-carousel2.js"></script>
<script>
$(function() {
  App.init();
  OwlCarousel.initOwlCarousel();
  ContactForm.initContactForm();
  CirclesMaster.initCirclesMaster();
  ProgressBar.initProgressBarHorizontal();
  new WOW().init();
});
</script>

我明白了，它是垂直的而不是水平的，显然那里有一些问题。只是无法弄清楚它是什么......

Answer 1

如果在控制台中没有发现错误，请检查网络选项卡以查看是否正确加载了所有外部文件。

确保您已经像评论中的人所说的那样添加了初始化代码 - 检查此处示例中的 javascript 选项卡 - http://www.owlgraphic.com/owlcarousel/demos/images.html

如果您仍然没有得到正确的输出，请尝试将其添加到您的初始化行下方以查看轮播是否正确初始化 -

var owl = $(".your-selector-here").data('owlCarousel');
console.log(owl);