移动应用中,使用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我也只是简单的研究了一下,这个东西可能需要前端精通,我们做后台的了解就行了。