jquery mobile开发中常见的问题
来源:互联网 发布:nginx配置php环境 编辑:程序博客网 时间:2024/05/17 23:25
1页面缩放显示问题
问题描述:
页面似乎被缩小了,屏幕太宽了。
解决办法:
在head标签内加入:
<meta name="viewport" content="width=device-width, initial-scale=1">
2 页面跳转后样式丢失js失效
问题描述:
用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了。
解决办法:
将当前页面需要用到的css以及js放在<page>div内。
原理:
由于jqm的ajax跳转的时候,只会把b.html中<page>内的内容加载进dom,而<page>外的代码都不会加载,所以导致在<page>外的js和css都失效了。
3 跳转时重复调用pageinit方法的解决办法
问题描述:
用ajax跳转的时候,从a.html跳转到b.html,用从b.html返回a.html等等这种反复跳转的时候,pageinit方法内的代码会调用多次。
解决办法:
在page中加入 data-dom-cache="true"属性,如:
<div data-role="page" id="myPage" data-dom-cache="true">
然后把pageinit方法换为pageshow,如:
$("#myPage").live("pageshow", function() {//...do something});
4 如何调用loading效果
js代码:
//显示loadingfunction showLoading(){$.mobile.loadingMessageTextVisible = true;$.mobile.showPageLoadingMsg("a", "加载中..." );}
//隐藏loadingfunction hideLoading(){$.mobile.hidePageLoadingMsg();}
- jquery mobile开发中常见的问题
- jquery mobile开发中常见的问题
- jquery mobile 中常见的问题
- JQuery Mobile开发中遇到的问题
- phonegap+jQuery mobile开发中碰到的问题集锦
- Jquery Mobile 开发问题
- jQuery的mobile开发
- jQuery mobile 开发问题记录
- Jquery mobile开发问题收集
- jQuery mobile 开发问题记录
- jquery mobile开发中页面跳转后js不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- jquery mobile开发中页面跳转后js不执行的问题
- JQuery Mobile使用过程中遇到的问题总结
- jquery mobile中图标不显示问题
- jquery mobile中图标不显示问题
- 开发中常见的路径的问题
- Java开发中常见的十个问题
- oracle事务
- 《30天自制操作系统》学习笔记--第4天
- 更好的内存管理-jemalloc
- 如何阅读大型代码库?
- 深入Phtread(一):线程的一生
- jquery mobile开发中常见的问题
- java之 打印输出0—200之间能被7整除但不能被4整除的整数
- 让mysql区分大小写
- bo_jwolf卖萌的第三场(解题报告)
- 石子游戏
- Pthreads并行编程之spin lock与mutex性能对比分析
- 深入Phtread(二):线程的同步-Mutex
- Gstreamer架构 简介
- Plus One