swiper手滑导航圆点不同步

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了swiper手滑导航圆点不同步相关的知识,希望对你有一定的参考价值。

        // 滚动图
        var mySwiper = new Swiper(‘.swiper-container‘, {
            // 如果需要分页器
            pagination: {
                el: ‘.swiper-pagination‘,
            },
            onSlideChangeEnd: function (swiper) { // pagination BUG
                var activeIndex = swiper.activeIndex;
                $(‘.swiper-pagination‘)
                    .find(‘span‘)
                    .eq(activeIndex)
                    .addClass(‘swiper-pagination-bullet-active‘)
                    .siblings()
                    .removeClass(‘swiper-pagination-bullet-active‘);
            }
        });

以上是关于swiper手滑导航圆点不同步的主要内容,如果未能解决你的问题,请参考以下文章

vue-awesome-swiper组件不能自动播放和导航器小圆点不显示问题

swiper 怎么改圆点的大小

小程序--导航栏切换(tab切换)

小程序--导航栏切换(tab切换)

支付宝小程序Swiper 滚动图 带圆点和跳转方式

Android 启动引导页(动态生成底部导航圆点)