JQM[jquery mobile] 实战经验汇总

• 动态装载的子页面（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中调用：

   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吧
•  

JQM[jquery mobile] 实战经验汇总

原文：http://www.cnblogs.com/dajianshi/p/4913255.html