光滑的旋转木马 - 隐藏控件?

时间:2015-04-09 16:45:24

标签: css jquery-plugins slick.js

是否有任何选项可以阻止光滑添加下一个&以前的按钮?我似乎无法通过CSS隐藏它们。



<button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: inline-block;">Previous</button>
&#13;
&#13;
&#13;

8 个答案:

答案 0 :(得分:40)

MyClass myTestingClass = new MyClass() { @Override public String generateResponseXML(List<Error> parsingErrors) throws XMLStreamException { successfulResponse = true; super.generateResponseXML(parsingErrors); }}; myTestingClass.generateResponseXML(Errors); prevArrow: false添加到您调用旋转木马的位置。例)

nextArrow: false

我添加了$('.slider').slick({ dots: false, prevArrow: false, nextArrow: false }); ,以防你想删除它。

答案 1 :(得分:16)

如果你想摆脱两个箭头:

$('.slider').slick({
   arrows: false
});

答案 2 :(得分:2)

你想要隐藏按钮吗?然后尝试这个CSS:

.slick-prev:before,
.slick-next:before {
   display:none;
}

答案 3 :(得分:1)

$('.slider').slick({
 arrows: false
});

答案 4 :(得分:1)

我面临着删除特定视口箭头的问题。

这对我有用。

$('.slider').slick({
 arrows: false
});

答案 5 :(得分:0)

我在使用javascript隐藏按钮时出现问题,因此我尝试将其与CSS一起使用

.slider button{
    display: none;
}

,但这不起作用所以我使用

.slider button{
    visibility: hidden;
}

它没有指针事件,所以你可以去。

答案 6 :(得分:0)

要仅使用CSS隐藏按钮,这对我有用:

nav.slick__arrow {
  height: 0;
  overflow: hidden;
}

我也用过:

nav.slick__arrow, ul.slick-dots {
  display: none!important;
}

答案 7 :(得分:0)

$('.my-Slider').slick({dots: false, prevArrow: false, nextArrow: false, arrows: false});