查看: 3165|回复: 0
打印 上一主题 下一主题

点击自定义分页器影响了data-swiper-autoplay属性 ,怎么解决

[复制链接]

该用户从未签到

1

主题

2

帖子

11

积分

新手上路

Rank: 1

积分
11
跳转到指定楼层
楼主
发表于 2017-11-25 16:29:53 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
直接上代码mySwiper = new Swiper('.swiper-container', {
    speed: 700,
    onlyExternal: true,//禁止触摸滑动
    autoplay: 3000,//可选选项,自动滑动
    pagination: '.swiper-pagination',  //分页器
    paginationType: 'custom', //分页器样式
    // paginationType: 'bullets',
    //autoplayDisableOnInteraction: false,//触摸后会不会禁止
    paginationClickable: true, //点击分页器
    observer: true,//修改swiper自己或子元素时,自动初始化swiper
    observeParents: true,//修改swiper的父元素时,自动初始化swiper
    loop: true,//循环
这是自定义的分页器
    paginationCustomRender: function (swiper, current, total) {
        var _html = '';
        for (var i = 1; i <= total; i++) {
            if (current == i) {
                _html += '<li class="swiper-pagination-custom styleActive active">' + i + '</li>';
            } else {
                _html += '<li class="swiper-pagination-custom styleActive">' + i + '</li>';
            }
        }
        return _html;//返回所有的页码html
    }
})$('.swiper-pagination').on('click', 'li', function () {
    var index = this.innerHTML;
    mySwiper.slideTo(index, 500, false);//切换到第一个slide,速度为1秒
});


对第二个swiper-slide 设置了data-swiper-autoplay 属性,点击了分页器之后data-swiper-autoplay对应的盒子位置就变了
求解


1.jpg (1.88 KB, 下载次数: 120)

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

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-13 02:07 , Processed in 0.066148 second(s), 30 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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