首页 > Web开发 > 详细

jquerymobile基础应用小结(二)

时间:2017-02-25 18:21:29      阅读:181      评论:0      收藏:0      [点我收藏+]

列表视图:即在ul或者ol中添加 data-role="listview"

              若为列表添加圆角和外边距,运用data-inset="true" (默认列表中的列表项会转为按钮,无需使用按钮属性)

              列表分隔符(list dividers):用于把项目组织分类。

                  向li添加data-role="list-divider"

                       若列表是字母顺序的,jquerymobile会自动添加分隔符,在ol和ul中运用data-autodividers="true" ,自动将列表项的首字母进行大写创建分隔符。

      搜索过滤器:如需要在列表中添加搜索框,运用data-filter="true" 默认搜索框文本为"filter items",修改默认文本用data-filter-placeholder="搜索内容"。

 

列表内容:列表缩略图:对于大于16*16的图像,在链接中添加<img>元素,会自动将图像调整为80*80;

                 列表图标:若想向列表中添加16*16的图标,则将在<img>中添加class="ui-li-icon"

              拆 分 按 钮:创建带有垂直分隔栏的拆分列表,在li元素里放置两个链接即可,会自动会第二个添加蓝色箭头图标样式,若是文本在用户划过该图标时显示。

     计 数 泡 沫:用于显示列表项相关项目。如需添加使用行内元素<span>,设置class="ui-li-count"属性再添加数字。   

jquerymobile基础应用小结(二)

原文:http://www.cnblogs.com/wxiaoxin/p/6442171.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!