<! DOCTYPEHTML> <!--list View--<HTML> <Headlang="en"> <Metacharset="UTF-8"> <!--width is the width of the device, scaling 1.0, which means no scaling--<Metaname="Viewport"content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0;"name="Viewport"> <title></title> <!--jquerymobile must rely on 3 library files---<Scriptsrc="Jquery-2.1.4.min.js"></Script> <Scriptsrc="Jquery.mobile-1.4.5.min.js"></Script> <Linkhref="Jquery.mobile-1.4.5.min.css"rel="stylesheet"type="Text/css"> </Head> <Body> <!--unordered listview--> <uldata-role="ListView"> <Li>a</Li> <Li>b</Li> <Li>c</Li> <Li>d</Li> </ul> <!--ordered listview--> <oldata-role="ListView"> <Li>a</Li> <Li>b</Li> <Li>c</Li> <Li>d</Li> </ol> <!--clickable Status--<oldata-role="ListView"> <Li><ahref="#">a</a></Li> <Li><ahref="#">b</a></Li> <Li><ahref="#">c</a></Li> <Li><ahref="#">d</a></Li> </ol> <!--searchable status--<uldata-role="ListView"data-filter="true"data-inset="true"> <Li>a</Li> <Li>b</Li> <Li>c</Li> <Li>d</Li> <Li>e</Li> <Li>f</Li> <Li>g</Li> <Li>h</Li> </ul> <!--do not display content by default, and after searching, display <formclass="Ui-filterable"> <inputid="Autoinput"data-type="Search"> </form> <uldata-role="ListView"data-filter="true"data-filter-reveal="true"data-input="#autoinput"data-inset="true"> <Li>a</Li> <Li>b</Li> <Li>c</Li> <Li>d</Li> <Li>e</Li> <Li>f</Li> <Li>g</Li> <Li>h</Li> </ul> <!--grouping effect data-autodividers= "true"--<uldata-role="ListView"data-autodividers="true"data-filter="true"data-inset="true"> <Li>a</Li> <Li>aaba</Li> <Li>cbff</Li> <Li>a</Li> <Li>e</Li> <Li>er</Li> <Li>g</Li> <Li>h</Li> </ul> </Body>
</HTML>
SOURCE Download:
http://download.csdn.net/download/zhaihaohao1/9164935