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

Question

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

不太擅长使用 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

这比你想象的要容易得多，特别是如果你不熟悉 JS，考虑到你可以用纯 CSS 来解决这个问题。

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

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