如何从Owl Carousel中删除指示器

Question

我真的无论如何也无法摆脱它们：

dots: false,

什么也不做？

- JSHD

---

你使用的是哪个版本的OwlCarousel？ - B_s

https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css - JSHD

Answer 1

由于您正在使用OwlCarousel版本1，请查看它们的文档。文档中也说明可以通过以下方式关闭分页（点）：

pagination: false,

dots: false, 是版本2的设置。请参考这个GitHub问题，它提出了相同的问题。

- B_s

---

干杯。还有，如果我使用左右箭头图像作为“navigationText”，如何去掉图像周围的灰色？ - JSHD

@JSHD 没问题。如果这解决了你的问题，请将我的答案标记为正确，这样其他人也可以从中受益。我马上会检查一下灰色边框。 - B_s

@JSHD 我不确定是否有一个布尔属性可以删除滑块周围的灰色区域。你可能可以用CSS来实现，但也许最好针对这个特定问题提出一个新的问题。 - B_s

Answer 2

<pre>
<code>

    <script type="text/javascript">
        $(document).ready(function(){
            $('.owl-carousel').owlCarousel({
                dots: false,
            });
        });
    </script>

</code>
</pre>

- Ashish Kumar

---

尽管此代码可能解答了问题，但提供关于它如何和/或为什么解决该问题的额外背景将会提高回答的长期价值。同时，说明为什么此答案比其他答案更合适也无妨。 - Dev-iL

Answer 3

请尝试以下操作：

$('.owl-carousel').owlCarousel({
  nav: false,
  dots: false,
.....
..

- Rajesh Doot

Answer 4

对于第2版，您可以使用dots属性。

$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
    // ... other properties
    dots: false,
    // ... other properties
  });
});

- Amit

Answer 5

$(".carousel1").owlCarousel({ margin: 20, loop: true, autoplay: true, autoplayTimeout: 2000, autoplayHoverPause: true, nav: false, dots: false, responsive: { 0:{ items:1, nav: false }, 600:{ items:2, nav: false }, 1000:{ items:3, nav: false } } });

- Jaime Tarazona

---

目前你的回答不够清晰。请编辑并添加更多细节，以帮助其他人理解它如何回答所提出的问题。你可以在帮助中心找到有关如何撰写好答案的更多信息。 - Community

Answer 6

尝试以下方法：

<script type="text/javascript" >
        require(['jquery','owlcarousel'], function($){
            $(document).ready(function() {
               $('#feature_product').owlCarousel({
                    margin: 10,
                    dots:false,
                    loop: true,
                    autoplay: true,
                    autoplayTimeout:300,
                    slideSpeed : 200,
                    responsiveClass:true,
                    responsive:{
                        0:{
                            items:1,
                            nav:true
                        },
                        600:{
                            items:3,
                            nav:true
                        },
                        1000:{
                            items:5,
                            nav:true,
                            loop:true
                        },
                    }
                });

              });
        });

    </script> 

- Rakesh Patel

---

嘿，Rakesh - 你能在代码片段之前添加一些详细描述吗？这对提问者以及社区完全理解你的帖子非常有帮助。 - RBT