奇怪的猫头鹰轮播行为答案

【问题标题】：Strange Owl carousel behaviour奇怪的猫头鹰轮播行为
【发布时间】：2016-06-30 02:56:45
【问题描述】：

我已经尝试修复 owl carousel 好几天了，但找不到任何可以帮助我的在线解决方案。也许你作为网络大师可以帮助我:)。

我在 head 标签处加载 owl 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>

我得到了这个，它是垂直的而不是水平的，显然那里有一些问题。就是想不通是什么...

【问题讨论】：

轮播完全没有初始化
如何初始化它？
尝试使用 google chrome 控制台检查是否有任何 js 错误
完全没有错误......
正如艾伦所说的检查错误

标签： jquery html css twitter-bootstrap owl-carousel

【解决方案1】：

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

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

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

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

【讨论】：