近期使用jQuery mobile做项目时遇到的问题小结
来源:互联网 发布:java instance 编辑:程序博客网 时间:2024/06/01 21:08
最近运用jQuery mobile框架做了一个小项目,针对遇到的几个问题做一下总结。
一、在页面跳转过程中(即从page1 => page2),此时,page2 的js效果失效,无法实现动态效果,刷新page2 页面后,才可以实现。
解决:在index页面中,注册所有需要使用到的外部JS文件,或者使用母版页面来统一;将页面内部JS写在data-role="page"标签下,这样无论页面怎样跳转,均可以运行。
二、在页面跳转过程中,由于每个单独页面引用的css文件不同,会导致样式冲突。
解决:这是因为jQuery mobile里面页面跳转默认都是通过ajax请求的。如果是通过a标签的href属性实现跳转,可以在a标签里加上 data-ajax=“false” ,来避免样式的冲突。
三、在jQuery mobile的手机端页面中,form表单下的label 和 input 不能在同一行显示。
解决:可以在form下加一个 table,运用table的 tr td进行布局,
<form action=""> <table> <tr> <td><label for="unumber">工 号:</label></td> <td><input type="text" name="unumber" id="unumber" placeholder="请输入工号"/></td> </tr> <tr> <td><label for="upwd1">原始密码:</label></td> <td><input type="text" name="upwd1" id="upwd1" placeholder="请输入原始密码"/></td> </tr> <tr> <td><label for="upwd2">新 密 码:</label></td> <td><input type="text" name="upwd2" id="upwd2" placeholder="请输入新密码"/></td> </tr> <tr> <td><label for="checkPwd">确认密码:</label></td> <td><input type="text" name="checkPwd" id="checkPwd" placeholder="请再次输入新密码"/></td> </tr> </table> <br/> <a href="../login.html" data-ajax='false' class="ui-btn ui-corner-all jump">确 定</a> </form>实现的效果如下:
以上,是现阶段的小结,后续有新问题再更。。。
0 0
- 近期使用jQuery mobile做项目时遇到的问题小结
- 做项目时遇到文件的串口化问题小结
- 近期做页面遇到的问题汇总
- JQuery Mobile使用过程中遇到的问题总结
- JQuery Mobile开发中遇到的问题
- PhoneGap结合jQuery Mobile遇到的问题
- SSM做项目时遇到的问题
- 近期项目中遇到的问题和相应的解决方法
- 近期开发项目中遇到的问题,并总结
- 近期做项目对ContentPrivoder的使用进行一个总结
- 近期一些遇到的问题
- jquery mobile使用过程中遇到的一些问题及解决方法
- 近期使用的pandas小结
- Jquery Mobile 使用问题
- 第一次在项目中使用JQuery遇到的一点问题
- Jquery mobile遇到的所有问题记录手册
- jquerymobile1.3.2和jquery.mobile-1.4.5遇到的问题
- 使用mobile jquery的跳转刷新问题
- 面试题 HashMap 数据结构 实现原理
- 如何在代码中设置textView跑马灯效果(不是在xml中)
- 线段树区间修改与查询(求和)
- 39.4 Spring Boot Shiro权限管理【从零开始学Spring Boot】
- mysql 子查询总结
- 近期使用jQuery mobile做项目时遇到的问题小结
- 后台播放功能遭审核拒绝
- Bootstrap3 按钮-禁用状态
- 用MainActivity 实现 OnClickListener接口——点击按钮没有反应
- Flash Builder导入项目+web开发发布播放器
- Git记录
- xubuntu16.04.1安装一些常用软件
- [nhzxoi2017]noip2016tg1
- WebView内存泄露问题的处理