您的位置:首页 > 其它

ajax动态加载swiper,滑动问题解决

2017-12-22 12:02 369 查看
$.ajax({
type : "get",
url : "data.php",
data : {type:1 },
dataType:"json",
beforeSend: function(){
$('.swiper-wrapper').html('');
},
error:function(){
//alert("操作出错");
},
success:function(res){

var html = "";
$.each(res['result'], function(i, item) {

html += '<div class="swiper-slide"><a href="####"><img src="'+item.pic+'"></a></div>';
});

$('.swiper-wrapper').html(html);

var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true,//修改swiper的父元素时,自动初始化swiper
onSlideChangeStart:function(sw){
var num = parseInt(sw.activeIndex);
console.log('---'+ num);

}
});

}
});

新增两句:

observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true,//修改swiper的父元素时,自动初始化swiper
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐