牛骨文教育服务平台(让学习变的简单)
博文笔记

MUI踩过的一些坑

创建时间:2017-04-18 投稿人: 浏览次数:3350

1使用了下拉刷新后  <div class="mui-scroll"></div>   这里面的内容,所有的a标签都的href都无法正常跳转,div,span,a ,i  等等这些标签里面的onlick 事件和 click 都无法执行。只有在button上面绑定click事件是可以执行的,或者绑定mui的tap事件。

mui.ready(function() {
	mui(document).on("tap","#call",function(){
		var phone = $("#phoneNumber").val();
		var data = {
			"msg":"拨打电话",
			"phone":phone
		};
		jsBridge("applyAgain",data);
	});
});

但是,如果页面除了mui.js外,还用了zepto.js  ,那么很糟糕的是,这个tap事件会执行2次。有个解决的办法就是,去掉zepto的touch模块(可以使用node定制zepto)。


a标签如果要跳转只能在js里面控制,参考官网给出的答案(点击打开链接),例如:

mui("body").on("tap","a",function(){document.location.href=this.href;});


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。