如何删除和禁用Ninja Slider中的下一个，上一个按钮

Question

我正在将 Ninja Slider 与缩略图滑块一起使用（两个滑块都在同一位置）。

我要删除并禁用.uib-button-bar > .btn-group > .btn-danger { display: none !important; }

我正在使用此Slider（演示3）。

  

http://www.menucool.com/slider/thumbnail-slider-demo-3

请为我建议删除“ Ninja滑块的下一个图标”的最佳方法，以免影响滑块的组合。

Answer 1

在您的 ninja-slider.css文件中将 display：inline-block; 更改为 display：none; 。

#ninja-slider-prev, #ninja-slider-next{
display:none; }

Answer 2

您可以添加CSS规则来隐藏按钮：

#ninja-slider-prev, #ninja-slider-next {
    display: none;
}

或者，您可以使用Jquery执行此操作：

$(function (){
    $("#ninja-slider-prev, #ninja-slider-next").hide();
});

Answer 3

只需将display: none CSS规则添加到 ninja-slider-prev 和 ninja-slider-next ID

Answer 4

#thumbnail-slider-prev,  #thumbnail-slider-next { display:none !important }

css之后的某个地方