swiper 调完接口不能翻页，点击下一页没反应，不能轮播；点击下一页后执行函数

最新推荐文章于 2024-08-18 10:11:35 发布

置顶 NANA北极

最新推荐文章于 2024-08-18 10:11:35 发布

阅读量6.2k

点赞数 1

分类专栏： js swiper

本文链接：https://blog.csdn.net/qq_23064501/article/details/77645692

版权

js 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

swiper

1 篇文章 0 订阅

订阅专栏

swiper 调完接口不能翻页，点击下一页没反应，不能轮播；

 <script src="../Scripts/swiper.min.js"></script>
    <script>
        function sow() {
            var nowguid = $(".swiper-slide-active").attr('guid');
            var li = $('.two').find('li')
            li.each(function () {
                if (this.getAttribute('guid') == nowguid) {
                    $(this).addClass('active').siblings('li').removeClass('active');
                    $(this).parent().parent().parent().find('.icon-jiantou').removeClass('icon-jiantou').addClass('icon-xiajiantou')
                    $(this).closest('.two').show();
                    return false
                }
            })
        }
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            parallax: true,
            speed: 600,
            observer: true,//调完接口不能翻页解决方法，修改swiper自己或子元素时，自动初始化swiper
            observeParents: true,//调完接口不能翻页解决方法，修改swiper的父元素时，自动初始化swiper
            onSlideNextEnd: function (swiper) {
                sow()
            },
            onSlidePrevEnd: function (swiper) {
                sow()
            }
        });
    </script>