swiper ajax 追加,ajax请求图片添加到swiper(示例代码)

使用swiper制作轮播图的时候，轮播的图片大概率是使用ajax从后台获取到的。每一次获取图片都要重新初始化swiper.

$.ajax({

type: "get",

url: "update/",

dataType: "json",

success: function(data) {

data = JSON.parse(data);

console.log(data);

for(var i = 0; i < data.length; i++) {

$(‘.banner .swiper-wrapper‘).append($(‘

‘))

};

var swiper = new Swiper(‘.swiper-container‘, {

loop: true,

centeredSlides: true,

autoplay: {

delay: 2500,

},

pagination: {

el: ‘.swiper-pagination‘,

clickable: true,

},

});

},

error: function() {

}

});