最近在做公司项目的手机端实现,稍微记录下遇到的坑
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、