如何删除从 JavaScript 添加的“导航点”？

Question

我想在我的网站上使用这个滑块

http://tympanus.net/Blueprints/FullWidthImageSlider/ - 演示 http://tympanus.net/codrops/2013/02/26/full-width-image-slider/ - 信息 http://tympanus.net/Blueprints/FullWidthImageSlider/FullWidthImageSlider.zip - 源文件

但我想删除导航点并只保留箭头

如何做到这一点？ 我试图在 index.html 文件中找到它们，但显然它们是以某种方式在 JS 中编码的......

谢谢

----已编辑----

我认为放在 jquery.cbpFWSlider.js 中的这段代码可以完成这项工作。当我删除它的几行时，它会删除点，但滑块停止工作

// add navigation arrows (the previous arrow is not shown initially):
                this.$navPrev = $( '<span class="cbp-fwprev">&lt;</span>' ).hide();
                this.$navNext = $( '<span class="cbp-fwnext">&gt;</span>' );
                $( '<nav/>' ).append( this.$navPrev, this.$navNext ).appendTo( this.$el );
                // add navigation dots
                var dots = '';
                for( var i = 0; i < this.itemsCount; ++i ) {
                    // current dot will have the class cbp-fwcurrent
                    var dot = i === this.current ? '<span class="cbp-fwcurrent"></span>' : '<span></span>';
                    dots += dot;
                }
                var navDots = $( '<div class="cbp-fwdots"/>' ).append( dots ).appendTo( this.$el );
                this.$navDots = navDots.children( 'span' );

            }

---- 更新----

dots += dot;

从 js 文件中删除这一行，成功了。但它安全吗？

Answer 1

添加以下 CSS：

.cbp-fwdots { 
  display:none;
}

如果您以某种方式更改了滑块上的类，则需要使用 Firebug、Chrome 开发者工具或其他一些工具来找到它。我提到的类放在你的演示中的点容器上。