关于swiper中包含表单元素的bug

swiper一个轮播图的插件，项目中引用swiper碰到的问题：

　　在微信端打开，安卓手机bug：

　　当点击text表单元素的时候，会将后一个swiper-slide的内容推出来，解决办法：

　　将后面的swiper-slide动态加载出来，通过swiper.appendSlide将其插入进去

　　$(".submit").on("click",function(){
　　swiper.appendSlide('<div class="swiper-slide swiper-no-swiping middle"><div class="part-termsBox last"><p><span class="weight">瑞麟湾温泉度假酒店地址：</span>北京市顺义区南彩镇顺平辅线39号箭杆河东侧</p><p><span class="weight">酒店电话：　　</span>010-89468899、15201120895</p><p><span class="weight">酒店地图示意：</span></p><img class="map" src="img/map.jpg" alt="" /></div><div class="next toFirstPage" style="margin-bottom: 0.4rem;">回首页</div></div>'); //加到Swiper的最后
　　swiper.slideTo(3, 1000, false);
　　$(".toFirstPage").on("click",function(){
　　swiper.slideTo(0, 0, false);
　　})

 

　　

转载于:https://www.cnblogs.com/znLam/p/9330745.html