jquerymobile使用技巧

Posted Tiac

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquerymobile使用技巧相关的知识,希望对你有一定的参考价值。

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

以上是关于jquerymobile使用技巧的主要内容,如果未能解决你的问题,请参考以下文章

Phonegap jQuery Mobile 应用程序遇到随机重定向

可以在PC上运行但不能在移动设备上运行的html

jquerymobile使用技巧

您可以使用 JQueryMobile 创建嵌套弹出窗口吗

利用jquerymobile怎么写js代码?还跟jquery写事件方法一样吗?求大神帮帮忙

jquerymobile 1.3.X - splitview 的任何最新插件