jquerymobile使用技巧

Posted 2020-07-01 Tiac

1）ajax开关（默认jquery以ajax方式加载页面）

$.mobile.ajaxEnabled = false;

 

2）不编译指定标签

$.mobile.page.prototype.options.keepNative="input";

 

3）开启dom缓存

$.mobile.page.prototype.options.domCache = true;

 

4）多个页面分开写于不同的html里，在首页用loadPage方法一次性加载其他页面（全部）

$(document).ready(function(){
　　$.mobile.loadPage(‘aaa.html‘);
　　$.mobile.loadPage(‘bbb.html‘);
　　$.mobile.loadPage(‘ccc.html‘);
　　$.mobile.loadPage(‘ddd.html‘);

});

 

5）当前页面id

$(document).on("pageshow",function(event,data){
　　currentPage = data.toPage[0].id;
});

 

6）当前激活页面

$($.mobile.activePage)

 

7）手动操作popup工具（dialog工具也一样是用open和close方法）

//重写默认alert事件
function alert(msg){
　　var _popup = $($.mobile.activePage).find(‘.msg_popup‘);
　　_popup.html(‘<p>‘+msg+‘</p>‘);
　　_popup.popup(‘open‘);
　　window.setTimeout(function(){
　　　　_popup.popup(‘close‘);
　　},2000);
}

 

8）ajax加载数据后重新宣染 标签

$(‘#goodslist‘).html(res).trigger(‘create‘);