Html 如何从猫头鹰轮播中删除指标

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/33357189/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 18:24:56  来源:igfitidea点击:

How to remove indicators from owl carousel

htmlcssowl-carousel

提问by JSHD

I cannot for the life of me get rid of them:

我一生都无法摆脱它们:

dots: false,

Doesn't do anything?

什么都不做?

回答by B_s

Since you are using OwlCarousel version 1, please check out their documentation. This also says pagination (dots) can be turned off with:

由于您使用的是 OwlCarousel 版本 1,请查看他们的文档。这也表示可以通过以下方式关闭分页(点):

pagination: false,

The dots: false,is for version 2. See this GitHub issuewhich is asking the same question.

dots: false,是版本 2。请参阅此 GitHub 问题,它提出了相同的问题。

回答by Ashish Kumar

<pre>
<code>

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

</code>
</pre>

回答by Rajesh Doot

Try as below:

尝试如下:

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

回答by Amit

For version 2 you can use the dots property.

对于版本 2,您可以使用 dots 属性。

dots : false,

回答by Rakesh Patel

Try as below:

尝试如下:

<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>