用swiper写横线滑动标签在浏览器上正常运行但是放到app里面就划不动了的问题

<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

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值