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

【问题标题】：How to remove indicators from owl carousel如何从猫头鹰轮播中删除指标
【发布时间】：2015-10-26 23:09:07
【问题描述】：

我终生无法摆脱它们：

dots: false,

什么都不做？

【问题讨论】：

您使用的是哪个版本的 OwlCarousel？
cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/…

标签： html css owl-carousel

【解决方案1】：

由于您使用的是 OwlCarousel 版本 1，请查看their documentation。这也说明可以通过以下方式关闭分页（点）：

pagination: false,

dots: false, 适用于版本 2。请参阅提出相同问题的 this GitHub issue。

【讨论】：

干杯。另外，如果我将左右箭头图像用于“navigationText”，如何消除图像周围的灰色？
@JSHD 没问题。如果这解决了您的问题，请将我的答案标记为正确，以便其他人也可以从中受益。我会在几秒钟内检查灰色边框。
@JSHD 我不确定是否有布尔属性可以删除滑块周围的灰色区域。你可以用 css 来做这件事，但如果你为那个特定的问题提出一个新的问题，也许会更好。

【解决方案2】：

<pre>
<code>

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

</code>
</pre>

【讨论】：

虽然此代码可能会回答问题，但提供有关如何和/或 为什么 解决问题的附加 context 将改善答案的长度长期价值。提及为什么这个答案比其他答案更合适也没有什么坏处。

【解决方案3】：

尝试如下：

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

【讨论】：

【解决方案4】：

对于版本 2，您可以使用点属性。

dots : false,

【讨论】：

【解决方案5】：

尝试如下：

<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 - 请在您的代码 sn-p 之前添加一些详细信息/描述。这将有助于提问者和社区充分理解您的帖子。