iDangerous Swiper-隐藏第一张和最后一张幻灯片中的导航箭头

Question

使用iDangerous Swiper，您如何定位和隐藏第一张幻灯片的.left-arrow类？文档中有此内容-mySwiper.getFirstSlide（）-返回第一个滑块幻灯片（幻灯片实例），但是如何指示在此幻灯片上隐藏左箭头？

js不方便，但我尝试过类似的尝试，但没有成功：

mySwiper.getFirstSlide({
  $(this).find('.left-arrow').hide(),
});

var firstSlide = mySwiper.getFirstSlide();
firstSlide.find('.left-arrow').hide();

这可能需要一个条件语句-如果它是第一张幻灯片，则隐藏左箭头，否则显示它。我只是不确定如何设置类似的东西。任何帮助表示赞赏。谢谢。

http://codepen.io/NewbCake/pen/sIbxi

Answer 1

考虑到您可以使用纯CSS解决此问题，这比您想像的要容易得多，尤其是如果您不方便使用JS。

Swiper为第一个箭头和最后一个箭头分配了一个名为“ .swiper-button-disabled”的CSS类，以确保该滑动器不会进一步移动。尝试这个：

.left-arrow.swiper-button-disabled {opacity: 0;}