jquerymobile遇到的问题.docVIP

1、在浏览器中点击一个链接打一个新的页面时，jQuery Mobile接收这个链接，通过AJAX的方式请求链接页面，并把请求得到的内容注入到当前页面的DOM里而不是新创建一个dom，所以不会加载链接页面的js。这样会导致用户手动刷新页面时只有当前页面的js有效，也不能根据转场页面自动加载js，所以需要在第一个页面就加载所有的js。 解决方法：把所有的js在访问的第一个页面就全部加载进来，所有的page都写在一个文件里。 2、因为所有的page在一个页面,而且只有一个dom，所以id不能重复 解决方法：每个page的元素的id加后缀来区别 3、对话框dialog的问题，对话框会把整个page覆盖住，页面四周没有被占满的会是黑色的 解决方法：不用dialog，改用弹出层popup 4、弹出层popup,没有模态效果，点击其他位置，会消失不见 解决方法：page初始化时，增加样式id为弹出层的id $(#id).on({ popupbeforeposition: function () { $(.ui-popup-screen).off(); }}); 5、弹出弹出层 通过标签弹出弹出层 div data-role=”page” div data-role=”header”/div div data-role=”content” a data-role=”button” href=”# popDiv” data-rel=”popup”弹出/a /div div id=”popDiv” data-role=”popup” data-position-to=”window” !—弹出层要求写的page的content和footer之间( div data-role=”header” h3标题/h3 a data-role=”button” data-rel=”back” data-theme=”a” data-icon=”delete” data-iconpos=”notext” class=”ui-btn-right”/a !—关闭按钮( /div div data-role=”content”/div div data-role=”footer”/div /div div data-role=”footer”/div /div 通过js代码调用弹出层 $(#id).popup();初始化 $(#id).popup(popup);打开 $(#id).popup(close);关闭 弹出位置data-position-to=“window”,在屏幕的中央，origin:在所单击的控件的上面，“#id”在指定的组件为id的上面 6、分组的listview collapsible div id=” collapsibleID” data-role=collapsible-set data-theme=b data-content-theme=d data-inset=true class=ui-scrolllistview div data-role=” collapsible” h2标题AAABBB/h2 ul liAAAAAAAAA/li liBBBBBBBBB/li /ul /div div data-role=” collapsible” h2标题CCCCCDDDD/h2 ul liCCCCCC/li liDDDDDDDDD/li /ul /div /div js代码刷新$(# collapsibleID ).collapsibleset(refresh); 7、单选按钮 $(#id).attr(checked,true).checkboxradio(refresh);刷新 8、下拉菜单select $(#id).selectmenu(refresh); 9、input[type=radio] 和label联合使用时，及获取label的值 解决方法：fieldset data-role=”controlgroup” input type=”radio” name id=”mayradio” ”radio-a”/ label for=”radio-a”radio1/label / fieldset $(input[type=radio]).bind(click,function(event){ $(this).next().text()); //被点击的radio的label的值 }) 10、时间组件mobiscroll-2.2.custom.min.js 的使用 obj=$(#id);//id为文本框的id function getDateTime(obj){