$.ajax({
url: "",
dataType : "json",
success: function (obr) {
console.log(obr);
var list = obr.data;
$.each(list, function (n, obj) {
$("#swiper-wrapper").append("<div class='swiper-slide'><img src=" + obj.imagePath + " width='100%' height='100%' /></div>")
});
var swiper1 = new Swiper('.swiper-container-banner', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
autoplay: {
delay: 9000,
stopOnLastSlide: true,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
}
url: "",
dataType : "json",
success: function (obr) {
console.log(obr);
var list = obr.data;
$.each(list, function (n, obj) {
$("#swiper-wrapper").append("<div class='swiper-slide'><img src=" + obj.imagePath + " width='100%' height='100%' /></div>")
});
var swiper1 = new Swiper('.swiper-container-banner', {
slidesPerView: 1,
spaceBetween: 30,
loop: true,
autoplay: {
delay: 9000,
stopOnLastSlide: true,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
}
})
注意:new的新swiper对象必须放在ajax成功返回的方法内