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);
  })