文档介绍：danielinbiti的专栏
jquery mobile开发中常见的问题
分类: jqm 2013-11-27 18:24 50人阅读评论(0) 收藏举报
jqueryjquery mobileandroid平台界面缩小
1页面缩放显示问题
问题描述:
页面似乎被缩小了,屏幕太宽了。
解决办法:
在head标签内加入:
<meta name="viewport" content="width=device-width, initial-scale=1">
2 页面跳转后样式丢失js失效
问题描述:
用ajax跳转的时候,,。
解决办法:
将当前页面需要用到的css以及js放在<page>div内。
原理:
由于jqm的ajax跳转的时候,<page>内的内容加载进dom,而<page>外的代码都
不会加载,所以导致在<page>外的js和css都失效了。
3 跳转时重复调用pageinit方法的解决办法
问题描述:
用ajax跳转的时候,,
候,pageinit方法内的代码会调用多次。
解决办法:
在page中加入 data-dom-cache="true"属性,如:
<div data-role="page" id="myPage" data-dom-cache="true">
然后把pageinit方法换为pageshow,如:
$("#myPage").live("pageshow", function() {
1
//...do something
});
4 如何调用loading效果
js代码:
//显示loading
function showLoading(){
$. = true;
$.("a", "加载中..." );
}
//隐藏loading
function hideLoading(){
$.();
}
更多
上一篇:浅谈 js中parseInt函数的解析
下一篇:FusionCharts的updateChartXML方法
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

核心技术类目
全部主题 Java VPN Android iOS ERP IE10 Eclipse CRM JavaScript Ubuntu NFC WAP jQuery 数据库 BI HTML5
Spring Apache Hadoop .NET API HTML SDK IIS Fedora XML LBS Unity Splashtop ponents
Windows Mobile Rails QEMU KDE Cassandra CloudStack FTC coremail OPhone CouchBase 云计算 iOS6
Rackspace W