jquery mobile的一些使用记录。

手机Web开发 jQuery 获取屏幕高度、宽度 http://blog.csdn.net/xiongzhengxiang/article/details/8553558

自定义按钮图标去除按钮阴影/圆角
http://bbs.phonegap100.com/thread-218-1-1.html

jQuery Mobile 自定义按钮图标
Jquery Mobile 自定义按钮图标 http://liningjustsoso.iteye.com/blog/1986769
http://www.oschina.net/question/5189_29163

phonegap 3.5 使用自带浏览器打开链接
安装org.apache.cordova.inappbrowser插件后使用

window.open( ad_path, '_blank', 'location=yes');

http://www.qdkf.net/18.html

cordova使用JQM的pageinit事件

app.initialize();
---->
initialize: function () {
        this.bindEvents();
    }
----->
bindEvents: function () {
        document.addEventListener('deviceready', this.onDeviceReady, false);
    },
----->
onDeviceReady: function () {
        app.receivedEvent('deviceready');
    }
----->
receivedEvent: function (id) {
        $(document).bind("pageinit", function(){
            app.alert($("div[data-role=footer]").length);
        });
    }

jQuery Mobile 的延迟加载控件 - jQuery.mobile.lazyloader
http://www.open-open.com/lib/view/open1337905968996.html


默认选中导航
class="ui-btn-active ui-state-persist"，在导航加上这个样式

changePage() 页面跳转
http://www.lampweb.org/jquerymobile/5/11.html
http://blessht.iteye.com/blog/2038914


jquery mobile 在代码如何打开一个对话框？
页面隐藏一个:
<a href="#Msg" id="ShowMsg'" data-rel="dialog" data-transition="flip"></a>
要打开的时候，就动态 $('#ShowMsg')click();

关闭对话框 Closing dialogs
A: 对话框内的任何链接被点击时，Jquery Mobile会自动关闭对话框，用回退效果转场到指向该对话框的页面。要在对话框内创建一个取消"按钮，只需要把该链接的herf指向打开该对话框的按钮然后给链接加上data-rel="back"属性。这样制作的后退链接在不支持js的设备上也同样管用。
B: $( "#dialog_login_link" ).dialog( "close" );

使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 Web Storage http://kayosite.com/web-app-by-jquery-mobile-and-html5-web-storage.html

JQueryMobile页面跳转参数的传递解决方案 http://topmanopensource.iteye.com/blog/1532476

jquery mobile中图标不显示问题 http://blog.csdn.net/wlsyn/article/details/9969487
下载Latest stable版本，把images和css文件放到同一路径。
引入：
<link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.theme-1.4.5.min.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.icons-1.4.5.min.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery.mobile.structure-1.4.5.min.css"/>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>

JQuery Mobile 手机显示页面偏小 http://blog.csdn.net/starrexstar/article/details/8057400
在页面head中少了一句话
<meta name="viewport" content="width=device-width, initial-scale=1" />
例子里面是
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, initial-scale=1, height=device-height, target-densitydpi=device-dpi"/>，这个target-densitydpi=device-dpi会影响的。 这个属性参考：http://blog.csdn.net/fengri5566/article/details/9414599

jquerymobile header导航和footer底部固定, http://blog.csdn.net/suifeng0907/article/details/9627763 ,增加data-position="fixed" data-tap-toggle="false"即可。

动态添加控件，jQuery Mobile 动态 添加按钮
有些对象提供了refresh 方法，如listview、flip toggle。与create的区别是refresh方法需要作用在已存在的对象上，如 $('ul').listview('refresh')，而且refresh只会去更新新加入的元素，如listview里最新append的元素会更新，原有的保持不变。
1. create方法：
如果要使动态插入的元素具有jqm的样式，可以对jqm对象触发create事件
$(selector).trigger('create');
或者
$('<a data-role="button">dy button</a>').appendTo('#content').trigger('create');
2. refresh方法
添加一个<input type='button' value='OK' id="btn_OK"/>然后调用jquery mobile 方法:$('#btn_OK').button();
jquery 表单元素每一个元素都有自己刷新的方法，每当改变它们的属性以后，都要执行这些方法，以下是实例：
复选按钮
$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");
单选按钮组:
$("input[type='radio']").attr("checked",true).checkboxradio("refresh");
选择列表::
var myselect = $("select#foo");
myselect[0].selectedIndex = 3;
myselect.selectmenu("refresh"); 
滑动条
$("input[type=range]").val(60).slider("refresh");
开关 (they use slider):
var myswitch = $("select#bar");
myswitch[0].selectedIndex = 1;
myswitch .slider("refresh");