• 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吧
    •  
  • 相关阅读:
    Simple ASP.NET CORE 2.2 App +Vue JS
    Upload Image to .NET Core 2.1 API
    Nginx支持WebSocket服务
    DD打卡
    Asp.net Core 源码-PagedList<T>
    Asp.net Core 源码-UrlExtensions
    Asp.net Core 源码-SessionExtensions
    树莓派资源集合
    frp内网穿透
    Nuget包含cssjs等资源文件
  • 原文地址:https://www.cnblogs.com/dajianshi/p/4913255.html
Copyright © 2020-2023  润新知