如何求解猫头鹰旋转木点中不可见的误差

Question

                //banner slider
                var BannerSlider = $('.banner_three_slider');
                BannerSlider.owlCarousel({
                    items: 1,
                    loop: true,
                    smartspeed: 2000,
                    animateIn: 'fadeIn',
                    animateOut: 'fadeOut',
                    autoplay: true,
                    dots: true,
                    autoplayTimeout:7000,
                    autoplayHoverPause: true,
                    navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
                    responsive: {
                        300: {
                            autoplay: true
                        },
                        768: {
                            autoplay: true
                        }
                    }
                });

嗨，大家，我正在从事一个项目，我必须添加猫头鹰旋转木马，但事实是，即使我给了dot：true命令我对javaScript的命令有限，请任何人能帮助我在以上代码中查找错误

Answer 1

尝试：

   $(document).ready(function() {
$('.owl-carousel').owlCarousel({
               items: 1,
                    loop: true,
                    smartspeed: 2000,
                    animateIn: 'fadeIn',
                    animateOut: 'fadeOut',
                    autoplay: true,
                    dots: true,
                    autoplayTimeout:7000,
                    autoplayHoverPause: true,
                    navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
                responsive: {
                  300: {
                            autoplay: true
                        },
                        768: {
                            autoplay: true
                        }
                }
              })
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" rel="stylesheet"/>
<div class="owl-carousel owl-theme">
            <div class="item">
              <h4>1</h4>
            </div>
            <div class="item">
              <h4>2</h4>
            </div>
            <div class="item">
              <h4>3</h4>
            </div>
            <div class="item">
              <h4>4</h4>
            </div>
            <div class="item">
              <h4>5</h4>
            </div>
            <div class="item">
              <h4>6</h4>
            </div>
            <div class="item">
              <h4>7</h4>
            </div>
            <div class="item">
              <h4>8</h4>
            </div>
            <div class="item">
              <h4>9</h4>
            </div>
            <div class="item">
              <h4>10</h4>
            </div>
            <div class="item">
              <h4>11</h4>
            </div>
            <div class="item">
              <h4>12</h4>
            </div>
          </div>