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吧
  •  
原文地址:https://www.cnblogs.com/dajianshi/p/4913255.html