MUI的踩坑笔记

2022-10-21,

最近在做公司项目的手机端实现,稍微记录下遇到的坑

1、在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。如下为打印当前页面URL的示例:

mui.plusReady(function(){
console.log("当前页面URL:"+plus.webview.currentWebview().getURL());
});

2、解决a标签无法跳转问题

mui('body').on('tap','a',function(){
window.top.location.href=this.href;
});

3、提示mui未定义就注意一下js文件的引用位置;

提示$未定义就注意一下是否将函数包在了下述函数的内部

(function($, doc) {

})(mui, document);

4、在使用手机端的时候js尽量不要用jq,用原生的js会快很多

5、js跳转页面

window.location.href="index.html";//在同当前窗口中打开窗口
window.open("index.html"); //在另外新建窗口中打开窗口

6、JS常用开头

(function($, doc) {
$.init();
$.ready(function() {
})
})(mui, document);

7、给标签mui-scroll-wrapper类之后,需要在js中写出相应的滑动规则才能滑动

mui('.mui-scroll-wrapper').scroll({
deceleration: 0.0005 //flick 减速系数,系数越大,滚动速度越慢,滚动距离越小,默认值0.0006
});

8、

MUI的踩坑笔记的相关教程结束。

《MUI的踩坑笔记.doc》

下载本文的Word格式文档,以方便收藏与打印。