【问题标题】:Selecting elements to hide if either first or last in an array选择数组中的第一个或最后一个要隐藏的元素
【发布时间】:2014-01-31 22:57:48
【问题描述】:
我正在使用这个slider 并关闭了循环,但我遇到的问题是第一张和最后一张幻灯片的导航箭头的显示。我很难找到一种方法来传达左箭头应该隐藏在第一张幻灯片上,右箭头应该隐藏在最后一张幻灯片上。
您能否使用mySwiper.getFirstSlide()/mySwiper.getLastSlide() 定位这些特定幻灯片,然后隐藏其各自箭头的显示?或者设置获取数组的长度并指定每个箭头在该列表中是第一个还是最后一个时隐藏?
我不确定这些方法是否正确。我愿意接受任何建议。
http://codepen.io/NewbCake/pen/sIbxi
【问题讨论】:
标签:
jquery
arrays
slider
hide
show
【解决方案1】:
试试这个,
$('.arrow-left').hide()
var mySwiper = new Swiper('.swiper-container',{
loop:false,
onSlideChangeEnd: function () {
$('.arrow-left').show()
$('.arrow-right').show()
if(mySwiper.activeIndex==0){
$('.arrow-left').hide()
}
if(mySwiper.activeIndex==mySwiper.slides.length-1){
$('.arrow-right').hide()
}
}
})
$('.arrow-left').on('click', function(e){
e.preventDefault()
// alert(mySwiper.previousIndex)
mySwiper.swipePrev()
})
$('.arrow-right').on('click', function(e){
e.preventDefault()
mySwiper.swipeNext()
})
这里是演示链接http://codepen.io/dhana36/pen/LbHzn