-
<div data-role="main" class="ui-content"> <p>回流模型表格在屏幕尺寸足够大时是水平显示，而在屏幕尺寸达到足够小时，所有的数据会变成垂直显示。</p> <table data-role="table" data-mode="reflow" class="ui-responsive table-stroke"> <thead> <tr> <th>CustomerID</th> <th>City</th> </tr> </thead> <tbody> <tr> <td>1</td> <td>Alfreds Futterkiste</td> </tr> </tbody> </table> </div> 对于响应式表格，你必须包含 <thead> 和 <tbody> 元素。 不要使用 rowspan 或 colspan 属性; 响应式表格中是不支持这两个属性的。 table-stroke 给表格每行添加一个下划线查看全部
-
<div data-role="navbar" data-iconpos="right"> <ul> <li><a href="#" data-icon="home">主页</a></li> <li><a href="#" data-icon="arrow-r">第二页</a></li> <li><a href="#" data-icon="search">搜索</a></li> </ul> </div> 你可以设置图标显示的位置： top（头部）, right（右侧）, bottom（底部） 或 left（左侧）。 图标位置在导航栏容器上设置，使用 data-iconpos 属性来指定位置 默认情况， 导航按钮的图标位于文本之上 (data-iconpos="top")。 对于多个页面，您可能想要每个按钮的选中外观代表当前用户所在的页面。要做到这一点，请添加 "ui-state-persist" 和 "ui-btn-active" 到链接的 class：查看全部
-
按钮，给a,button,input添加样式 class="ui-btn"（或增加data-role="button"） 按钮样式 圆角 ui-corner-all 阴影 ui-shadow 并排显示 ui-btn-inline 不同的样式 ui-btn-a/b查看全部
-
表单的自适应 添加class类 ui-field-contain 在宽屏幕上一行显示，在窄屏幕上上下显示 宽屏幕：480px以上 窄屏幕：480px以下 表单的ID必须唯一 <div class="ui-field-contain> <label>发车站</label> <input type="text"> </div>查看全部
-
Ajax请求 等待加载 在点击按钮的后等待结果 用 $.mobile.loading("show");在回调函数结束的时候隐藏 $.mobile.loading("hide"); ajax跨域 一般jQuery解决是通过jsonp，添加callback=xxx，服务器返回xxx(...) 前端解决跨域 cors（跨域资源共享）,www.corsproxy.com/请求的地址， Proxy对请求进行转发，可以实现跨域， 服务器对跨域资源共享的支持，主要是通过设置Access-Control-Allow-Origin=true 在地址后加上url.url为www.xxx.com/service改为 www.corsproxy.com/www.xxx.com/service即可实现跨域查看全部
-
mark查看全部
-
first() 将匹配元素集合缩减为集合中的第一个元素 切换页面 $.mobile.changePage("#detail");把页面ID传进来查看全部
-
Ajax请求 等待加载 在点击按钮的后等待结果 用 $.mobile.loading("show");在回调函数结束的时候隐藏 $.mobile.loading("hide"); ajax跨域 一般jQuery解决是通过jsonp，添加callback=xxx，服务器返回xxx(...) 前端解决跨域 cors（跨域资源共享）,www.corsproxy.com/请求的地址， Proxy对请求进行转发，可以实现跨域， 服务器对跨域资源共享的支持，主要是通过设置Access-Control-Allow-Origin=true 在地址后加上url.url为www.xxx.com/service改为 www.corsproxy.com/www.xxx.com/service即可实现跨域查看全部
-
事件 Touch事件，在用户触摸屏幕（页面）时触发 tab 在用户敲击摸个元素时触发 taphold 在用户敲击某个元素并保持一秒时被触发 swipe 在某个元素上水平滑动超过30px时触发 scrollstart 开始滚动页面时被触发 scrollstop 停止滚动页面时被触发 在jQueryMobile 推荐pageinit事件（在页面已初始化并完善样式设置后发生） $(document).on("pageinit","#page",function(){});查看全部
-
表格 回流表格模式 <table data-role="table" data-mode="reflow" class="ui-responsive table-stroke"> table-stroke 给表格每行添加一个下划线查看全部
-
表单 form 表单自适应 要保证表单ID值唯一 <form> <div class="ui-field-contain> <label>发车站</label> <input type="text"> </div> <div class="ui-field-contain> <label>到达站</label> <input type="text"> </div> <form>查看全部
-
列表 ，需向ol或ul元素添加 data-role="listview" data-inset="true" 让列表不贴边显示周围有一定的边距 设置复杂格式的列表 ui-li-aside 设置内容 右对齐查看全部
-
导航栏 data-role="navbar"定义导航栏 其中链接会自动转换为按钮 data-position="fixed" 固定header 和footer常用 最多5个按钮，更多会换行 data-iocn="camera"给导航栏添加图标查看全部
-
按钮，给a,button,input添加样式（或增加data-role="button"）创建按钮 class="ui-btn" 样式 ui-corner-all 圆角 ui-shadow 阴影 ui-btn-inline 并排显示 ui-btn-a/b不同的样式查看全部
-
1,在页面创建前，在页面创建时，以及在页面初始化之后 pagebeforecreate ,pagecreate,pageinit 三个事件 在页面初次加载的时候执行 2,当外部页面加载时，卸载时或遭遇失败时 pagebeforeload,pageload 3,在页面过渡之前和之后 pagebeforeshow(第2页),pageshow（第2页）,pagebeforehide(先第1页) pagehide(1) 执行顺序 第一个页面准备消失pagebeforehied，第二个页面准备显示pagebeforeshow,第一个页面已经消失pagehide ,第二个页面已经显示pageshow pageshow每次进入页面都执行，多次，pageinit初始化执行一次查看全部
举报
0/150
提交
取消