天天看點

MUI踩過的一些坑

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

繼續閱讀