Swiper 通过ajax加载图片轮播后,导航点失效问题处理。

Swiper 通过ajax加载图片轮播后,导航点失效问题。

问题1：
Swiper的图片是，ajax加载出来的，先ajax然后再执行Swiper后，Swiper的某些功能失效（滑动图片的时候下面的几个提示小点不跟着动）

 

解决方式：
1.Swiper重新加入observer:true,observeParents:true,这2个添加新原始的初始化参数，
2.加入初始化参数后不能在ajax里面执行，不然还是冲突，
3.这种情况下Swiper只能使用最基础的效果，否则还是失效。

 

observer:true,//修改swiper自己或子元素时，自动初始化swiper
observeParents:true,//修改swiper的父元素时，自动初始化swiper

 

 

问题2：

swiper多层嵌套下pagination导航滚动会失效,解决方式，添加swiper.update();

            var swiper3 = new Swiper(swiperClass, {
                pagination: swiperPagin,
                scrollbarDraggable : true,
                nextButton: '.swiper-button-next',
                prevButton: '.swiper-button-prev',
                paginationClickable: true,
                spaceBetween: 50,
                speed: 300,
                loop: true,
                observer:true,
                observeParents:true,
                onSlideChangeEnd: function (swiper) {
                    swiper.update();
                }
            });