Question

我正在尝试猫头鹰传送带2.3.4（https://github.com/valor-software/ng2-dragula#special-events-for-ng2-dragula）-一切正常，除了导航点未显示。它们不是图像，所以我不知道为什么它没有加载。我想知道我在做什么错。我可以看到它在这里工作（https://owlcarousel2.github.io/OwlCarousel2/），但这使用的是猫头鹰轮播版本1.3.3。

<style type="text/css">
.owl-carousel div.content
{
    box-sizing:border-box;
    background-color:#fff;
    border:1px solid red;
    min-height:150px;
    padding:10px;
    margin:10px;
}
</style>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>

<div class="owl-carousel">

  <div class="content">
      <p>Text 1</p>
  </div>

  <div class="content">
      <p>Text 2</p>
  </div>

  <div class="content">
      <p>Text 3</p>
  </div>

  <div class="content">
      <p>Text 4</p>
  </div>

  <div class="content">
      <p>Text 5</p>
  </div>

  <div class="content">
      <p>Text 6</p>
  </div>

  <div class="content">
      <p>Text 7</p>
  </div>

  <div class="content">
      <p>Text 8</p>
  </div>

  <div class="content">
      <p>Text 9</p>
  </div>

  <div class="content">
      <p>Text 10</p>
  </div>

</div>

<script>
$(document).ready(function()
{ 
    $('.owl-carousel').owlCarousel(
    {
        center:false,
        items:5,
        loop:true,
        margin:10,
        dots: true,
        autoplay:true
    });  
});
</script>

Answer 1

将owl-theme类添加到您的容器中：

<div class="owl-carousel owl-theme">

Answer 2

将owl-theme类添加到您的容器中

g++ (Ubuntu 5.4.0-6ubuntu1~16.04.11) 5.4.0 20160609
Copyright (C) 2015 Free Software Foundation, Inc.
This is free software; see the source for copying conditions.  There is NO
warranty; not even for MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.

猫头鹰传送带2不显示导航点

2 个答案: