Swiper中文论坛

标题: 点击一组轮播中的某一张显示另一组轮播的问题 [打印本页]

作者: 麦尼玛 时间: 2016-4-20 14:35
标题: 点击一组轮播中的某一张显示另一组轮播的问题
一个页面有两组轮播a和b,页面初始化a显示，b隐藏；点击a之后，a隐藏，b显示；
点击b之后，b隐藏，a显示；

就是类似于手机淘宝商品宝贝详情页面那种效果

作者: 麦尼玛 时间: 2016-4-20 14:36
/*点击轮播b*/
$("#shadow .swiper-slide").click(function(){
var _len=$("#shadow .swiper-slide").length;             //图片的总数
var _index=$(this).index();                            //当前图片的索引
$("#shadow").addClass("fhidden");
$("#main").removeClass("fhidden");
$("#main .swiper-slide").eq(_index).addClass("swiper-slide-active");
});

/*点击轮播a*/
$("#main .swiper-slide").click(function(){
var _len=$("#main .swiper-slide").length;             //图片的总数
var _index=$(this).index();                            //当前图片的索引
$("#main").addClass("fhidden");
$("#shadow").removeClass("fhidden");
$("#shadow .swiper-slide").eq(_index).addClass("swiper-slide-active");
});

作者: 麦尼玛 时间: 2016-4-20 14:44
但是每次先前被隐藏后来被显示的一组轮播b，显示出来之后就不行了，只能手滑动多少，图片也跟着滑动多少距离，而不是稍微滑一下，一张图片就轻松滑过去了
一开始就显示的的轮播a照样好好的

作者: 菜鸟来袭 时间: 2016-4-22 16:48
sweiper 尤其设置side（）隐藏后好多BUG，你后台找错吧

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)