1.swiper 动态数据添加后,无法滑动的问题
本来静态的例子是好的,使用了 qjuery的 ajax请求数据后,动态添加进去后 swiper 就不好使了
最后弄了半天 才找到了解决方案
在请求完数据后,再重新初始化一下 swiper
success: function(res) {
var ss = '';
$.each(res.data, function(i, v) {
ss += '<div class="swiper-slide"><img src=' + v.optIcon + '></div>';
});
$(".swiper-container").find('.swiper-wrapper').html(ht);
var mySwiper = $('.swiper-container').swiper({
mode: 'horizontal',
pagination: '.swiper-pagination',
loop: true,
observer: true,//修改swiper自己或子元素时,自动初始化swiper
observeParents: true//修改swiper的父元素时,自动初始化swiper
});
},
说是swpier3 的话
可以使用 mySwiper.update()
如果用的是 beetl ajax的话, 就把js代码跟在 后面就好了