swiper 調完接口不能翻頁,點擊下一頁沒反應,不能輪播;點擊下一頁後執行函數

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>




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章