查看: 3230|回复: 1
打印 上一主题 下一主题

求助,swiper 滚动到某一屏后的回调函数

[复制链接]

该用户从未签到

2

主题

2

帖子

28

积分

新手上路

Rank: 1

积分
28
跳转到指定楼层
楼主
发表于 2015-11-18 21:40:13 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
swiper 滚动到某一屏后的回调函数是什么呢?为什么我这么写,#top_arrow并没有隐藏。有大神知道的吗?onSlideChangeEnd: function(swiper){
                                if(mySwiper.activeIndex == 4){
                                         $("#top-arrow").hide();
                                }else{
                                         $("#top-arrow").show();
                                }
                        },

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

5

主题

30

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
12018
沙发
发表于 2015-11-19 09:53:24 | 只看该作者
onSlideChangeEnd: function(swiper){
    for(i = 0; i < swiper.slides.length; i++){
        if(i == 4 && i == swiper.activeIndex){
            var elements = swiper.slides[swiper.activeIndex].querySelectorAll("[id^='top-arrow']");
            for(a = 0; a < elements.length; a++){
                if(elements[a].attributes["style"]){
                    var temp = elements[a].attributes["style"].value;
                    temp = temp.replace(/display\s*:\s*[a-z]*\s*;/i, "");
                    temp = temp + "display:none;";
                    elements[a].setAttribute("style", temp);
                }else{
                    elements[a].setAttribute("style", temp);
                }
            }
        }else{
            var elements = swiper.slides[i].querySelectorAll("[id^='top-arrow']");
            for(a = 0; a < elements.length; a++){
                if(elements[a].attributes["style"]){
                    var temp = elements[a].attributes["style"].value;
                    temp = temp.replace(/display\s*:\s*[a-z]*\s*;/i, "");
                    if(temp != ""){
                        elements[a].setAttribute("style", temp);
                    }else{
                        elements[a].removeAttribute("style");
                    }
                }
            }
        }
    }
}
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-22 16:58 , Processed in 0.058457 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表