文章分类 -  JQuery Mobile

sui mobile图片浏览
摘要：官方地址：http://m.sui.taobao.org/demos/photo-browser/ 另一种手机图征浏览插件：http://dimsemenov.com/plugins/magnific-popup/ 阅读全文
posted @ 2017-04-08 22:36 xszjk 阅读(321) 评论(0) 推荐(0)
手机下拉加载更多
摘要：http://www.aspku.com/kaifa/net/57514.html 阅读全文
posted @ 2016-07-14 22:55 xszjk 阅读(98) 评论(0) 推荐(0)
Jquery mobile选择框 开关
摘要：1.选择框：select 可以设置data-icon="plus"图标及位置data-iconpos="left", 定义控件组<fieldset data-role="controlgroup" data-type="horizontal"> data-native-menu="false"此属性 阅读全文
posted @ 2016-07-13 23:01 xszjk 阅读(400) 评论(0) 推荐(0)
Jquery mobile收放及面板组件
摘要：1. 收放UI组件：data-role="collapsible", 收缩图标data-collapsed-icon="carat-d",展开图标data-expanded-icon="carat-u" 默认展开data-collapsed="false" 2.手风琴:收放组件外面是一个组件data 阅读全文
posted @ 2016-07-12 22:43 xszjk 阅读(478) 评论(0) 推荐(0)
Jquery Mobile滑动块及列表
摘要：1.滑动块: <input type="range" value="3" min="1" max="12" step="1"> 类型定义滑动块，当前值，最小值，最大值，步长值。 class="ui-hidden-accessible" 隐藏标签文本, 区间滑动块data-role="rangesli 阅读全文
posted @ 2016-07-11 22:07 xszjk 阅读(430) 评论(0) 推荐(0)
mobile按钮样式及输入框及网格
摘要：1.mobile按钮有三种写法及html5也有三种写法: a) <a href="#" data-role="button">按钮</a> b) <a href="#" class="ui-btn">按钮</a> c) <button>按钮</button> d) <input type="butt 阅读全文
posted @ 2016-07-10 23:06 xszjk 阅读(206) 评论(0) 推荐(0)
mobile导航栏
摘要：1.多页面只有一个页头与页尾，单独设置在页内容外面使用jquery加载；data-theme默认有两个主体样式a与b,a是浅灰色，b是深兰色； data-position有三种a) inline：默认，页眉页脚与内容位于行内；fixed:页眉页脚会留在页面的顶部与尾部； data-position= 阅读全文
posted @ 2016-07-10 17:31 xszjk 阅读(145) 评论(0) 推荐(0)
mobile页面基本设置
摘要：1.页面加载顺序：使用JQuery mobile必须先加载Jquery插件 2. viewport观察窗口解决：现手机的高分辨率、高像素密度引入的字体过小的问题 3.页面的基本结构：page中有header+main+footer三个部分 4.单一页面可以写多个页内容，通过页的ID进行访问，同时也可 阅读全文
posted @ 2016-07-10 11:42 xszjk 阅读(254) 评论(0) 推荐(0)