jquerymobile基础应用小结（二）

列表视图：即在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"属性再添加数字。   

转载于:https://www.cnblogs.com/wxiaoxin/p/6442171.html