swiper AJAX 동적 데이터 수집, 회전식도 재생 문제

솔루션 하나
의 새로운 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动画
				  } 
				  })
 				}



 			}
게시 된 252 개 원래 기사 · 원의 찬양 3 · 조회수 3254

추천

출처blog.csdn.net/weixin_43294560/article/details/103767977