微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax请求得数据在swiper中循环可以loop的解决办法

    $.ajax({
	    method: 'post',
	    url: baseUrl+'/api/article',
		data:{category_id: 20},
	    success: function(res){
			var slideHtml = "";
			for(var i=0;i<res.data.length;i++){  
				var slideData = res.data;
			    slideHtml +=`<div class="swiper-slide"><a href="http://ui.diyiyou.com/tl/zygw/detail.html?${slideData[i].id}" target="_blank"><div><i>Q</i><span>${slideData[i].title}</span></div><p class="txt">${slideData[i].describe}</p></a></div>`;
			}
			
			$(".hAskList .swiper-wrapper").append(slideHtml);
					
			intSwiper();
	    }
	});

	
		
	intSwiper = function(){
		if($(".slideIndex").length>0){
			  var mySwiper = new Swiper('.swiper-container', {
				loop : true,
				slidesPerView: 3,
				spaceBetween: 40,
				autoplay: {
				    disableOnInteraction: false, 
				},
				navigation: {
				  nextEl: '.swiper-button-next',
				  prevEl: '.swiper-button-prev',
				},
			  });
		};
	}

也就是把new的swiper放在一个函数中 然后在ajax中调用即可!!!!!!!!!!!!!!!!!

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐