JQM[jquery mobile] 实战经验汇总
2015-10-27 09:42
691 查看
动态装载的子页面(data-role=”page”),完全不用page div之外的tag,也不会起作用。子页面的javascript脚本必须写在page的</div>之前。
切换按钮(a)和其他ui控件的可用状态,就是这么简单:addClass/removeClass('ui-disabled')
jqm的listview中放置checkbox右对齐问题:应该算jqm的一个bug或不足。你设置在input type="checkbox" 上的class或者style,jqm并没有复制到包装后的div class="ui-checkbox"中,所以只能在jqm绘制之后再想办法设置css。比如下面的方法,在ready中调用:
通过url参数复用一个page控件,一定不能设置data-dom-cache="true",changePage时要设置reloadPage:true,否则可能因为上一次的页面缓存在dom中,从而导致dom中有重复的元素,进而致使脚本异常不能执行。
jqm中popup在同一时刻只能有一个存在,所以你不可能在popup中再次popup。我使用blockui解决自定义提示框问题。
listview中的item,需要复杂点儿的布局,还是启用table吧
切换按钮(a)和其他ui控件的可用状态,就是这么简单:addClass/removeClass('ui-disabled')
jqm的listview中放置checkbox右对齐问题:应该算jqm的一个bug或不足。你设置在input type="checkbox" 上的class或者style,jqm并没有复制到包装后的div class="ui-checkbox"中,所以只能在jqm绘制之后再想办法设置css。比如下面的方法,在ready中调用:
function styleCBX(){ var tw = $('#listview_id').width(); $('#listview_id').find(':checkbox').checkboxradio(); $('#listview_id').find('.ui-checkbox').css({'position':'absolute','z-index':'102','top':'1.2em','float':'right','margin-left':tw-96,'margin-right':'52px','background-size':'100% 100%'}).find('input').css({'min-height':'48px','min-width':'48px','border-style':'none','z-index':'100'}); }
通过url参数复用一个page控件,一定不能设置data-dom-cache="true",changePage时要设置reloadPage:true,否则可能因为上一次的页面缓存在dom中,从而导致dom中有重复的元素,进而致使脚本异常不能执行。
jqm中popup在同一时刻只能有一个存在,所以你不可能在popup中再次popup。我使用blockui解决自定义提示框问题。
listview中的item,需要复杂点儿的布局,还是启用table吧
相关文章推荐
- jQuery无刷新分页完整实例代码
- 第33日 我疯了集成平台(六)-步履轻盈JQuery(四)
- 10003---使用jQuery实现Ajax
- jQuery无刷新分页完整实例代码
- 基于Jquery+div+css实现弹出登录窗口(代码超简单)
- jQuery+PHP+MySQL二级联动下拉菜单实例讲解
- JQuery Datatables在IE遇到的问题(1)
- JQuery Datatables在IE6遇到的问题(2)
- 三、jQuery--jQuery基础--jQuery基础课程--第3章 jQuery过滤性选择器
- 四,jquery事件绑定(bind)和取消事件(unbind)
- Jcrop_jQuery图片裁剪插件
- jquery 筛选元素 (2)
- jquery关于select框的取值和赋值
- jquery valitor 自定义版本比较规则
- Struts2框架与jQuery框架之间ajax的实现
- jquery(ajax)与js(ajax)的比较
- jquery ajax提交表单数据的两种方式
- Jquery+div+css实现弹出登录窗口
- 大虾翻译(一):jQuery.extend()
- jquery 实现页面动态消息显示