博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery Mobile使用
阅读量:5030 次
发布时间:2019-06-12

本文共 711 字,大约阅读时间需要 2 分钟。

 

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

 

  

 

转载于:https://www.cnblogs.com/china-li/archive/2013/06/14/3135337.html

你可能感兴趣的文章
java的垃圾回收
查看>>
Essential C++学习笔记
查看>>
python+selenium进行简单验证码获取
查看>>
where,having与 group by连用的区别
查看>>
【MySQL】MySQL锁和隔离级别浅析二 之 INSERT
查看>>
Oracle T4-2 使用ILOM CLI升级Firmware
查看>>
4.14上午
查看>>
数据分析 -- 白话一下什么是决策树模型(转载)
查看>>
Java SPI机制原理和使用场景
查看>>
web前端java script学习2017.7.18
查看>>
删除TXPlatform
查看>>
LaTex:图片排版
查看>>
并发访问超时的问题可能性(引用)
查看>>
中小团队基于Docker的Devops实践
查看>>
利用python打开摄像头并保存
查看>>
System函数的使用说明
查看>>
Selenium-测试对象操作之:获取浏览器滚动条滚动距离
查看>>
Linux下MySQL数据库安装与配置
查看>>
Extjs String转Json
查看>>
oracle入门(4)——少而常用的命令
查看>>