솔루션 하나
의 새로운 swiper는 두 개의 속성을 추가 :
observer:true,//修改swiper自己或子元素时,自动初始化swiper
observeParents:true,//修改swiper的父元素时,自动初始化swiper
이 때, 문제를 해결하기 위해 동적 접속도 회전식 문제 및 전환시 점멸되고, 컨베이어 맵을 재생할 수없는
동적 로테이션지도 첨가 후 문제 순서의 변화의 결과로, 또는 원 화상을 반복
용액 2 :
동적 데이터가 취득되어, 즉시 초기화 swiper
이 발생할 수있다이 때,도 핸드 오버 문제를 플래시 회전
세 용액 :
사실과 observerParents : 즉시 초기화 swiper 및 추가 관찰자 동적 데이터를 취득하면 참된 특성은 여러 가지 문제가 위를 해결
코드 예 :
success:function(res)
{
var lbinfo=res.lbinfo;
console.log(lbinfo);
var wrapper=document.querySelector('.swiper-container .swiper-wrapper');
for(var i=0;i<lbinfo.length;i++)
{
//创建滑块
var slideDiv=document.createElement('div');
slideDiv.className='swiper-slide';
wrapper.appendChild(slideDiv);
coverDiv.setAttribute('swiper-animate-delay','0.3s');
-----------------------------------------------------------------
var mySwiper = new Swiper ('.swiper-container', {
// direction: 'vertical',
loop: true,
autoplay:3500,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
***********************
observer: true,
observerParents: true,
***********************
//如果需要滚动条
scrollbar: '.swiper-scrollbar',
onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
swiperAnimateCache(swiper); //隐藏动画元素
swiperAnimate(swiper); //初始化完成开始动画
},
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
}
})
}
}