<div class="swiper-container">
<div class="swiper-wrapper" id="landscape">
<div class="swiper-slide center">
<div class="ulDiv">
你的名字1
</div>
</div>
<div class="swiper-slide center">
<div class="ulDiv">
你的名字2
</div>
</div>
</div>
</div>
就是这样的家伙。写的静态页面可以正常滑动。动态生成的在浏览器也可以正常滑动。但是,混合开发时放到移动端的app里就出幺蛾子了。划不动了。为什么呢?因为动态生成的app他不认识,不会执行js了。所以解决方法就是在动态生成完了之后再加下面这么一行东西,就可以了:
var swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
// paginationClickable:true,
freeMode:true,
paginationClickable:false,
},
});
如果可以翻白眼儿的话我这白眼儿都要翻上天了。还有mui的slider也一样的会出类似的幺蛾子。但是呢,mui的slider不用生成html后去执行某个js。只用在静态页面加几个可以滑动的就是了。然后生成真正的数据的时候把静态的那几个没用的图清除了就可以了。但是这样有个弊端就是如果网络很卡或者服务器很卡。会出现数据还么出来就看到你那几张静态的图,banner。然后数据加载出来的时候那几张静态图一闪而过,没啦。可能看起来很像bug。但是mui本身也有很多bug