Jquery Mobile使用

 

移动应用中，使用PhotoGap和Jquery Moble无疑是一种选择。

而wap端的编程，选择Jquery Mobile也是不错的。但是Jquery Mobile有小不爽的地方：文件比较大，ajax加载方式和后退栈（研究起来费力），初始化和元素刷新。

下面是使用的一点小心得总结：

 

页面JS的位置：

 

---

Javascript必须放在标记为data-role="page"的div里面，因为jqm以ajax方式加载页面，只加载"page"里面的东西。

 

解决标题不变：

---

添加data-title元素即可，例如：<div data-role="page" id="t" data-title="a">

 

元素刷新：

---

使用$(btn).val("ok");来改变button的值，发现button元素并没有改变，这时候需要使用jqm的方法对元素进行刷新：$(btn).button('refresh');才会显示显示修改过的值。具体原因我也没深入研究，反正修改元素后不改变值是个坑爹的地方。其他元素的更新：

$().listview('refresh');　　ul,ol等刷新

$().selectmenu('refresh');　　selectmenu的刷新

$().checkboxradio('refresh');　　单选、多选的刷新

$().textinput('refresh');　　各个标签的刷新

 

jqm我也只是简单的研究了一下，这个东西可能需要前端精通，我们做后台的了解就行了。