jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – iDangerous Swiper – 隐藏第一张和最后一张幻灯片的导航箭头大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
使用 iDangerous Swiper如何定位和隐藏第一张幻灯片的.left-arrow类?文档中有这个 – mySwiper.getFirstSlide() – 返回第一个滑块幻灯片(幻灯片实例),但是如何指示在此幻灯片上隐藏左箭头?

使用js并不方便,但我尝试过这样的事情没有成功:

@H_580_9@mySwiper.getFirstSlide({ $(this).find('.left-arrow').hide(),}); var firstSlide = mySwiper.getFirstSlide(); firstSlide.find('.left-arrow').hide();

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

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

解决方法

这比你想象的容易得多,特别是如果你不方便使用JS,虑到你可以用纯CSS解决这个问题.

Swiper将一个名为“.swiper-button-disabled”的CSS类分配给第一个和最后一个箭头,以确保swiper不再移动.试试这个:

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

大佬总结

以上是大佬教程为你收集整理的jquery – iDangerous Swiper – 隐藏第一张和最后一张幻灯片的导航箭头全部内容,希望文章能够帮你解决jquery – iDangerous Swiper – 隐藏第一张和最后一张幻灯片的导航箭头所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。