jQueryMobile的组件之列表(listview)

data-role="listview"——指明列表元素为listview组件；

data-filter="true"——设置listview具有过滤属性；

data-inset="true"——设置listview具有过滤之后返回插入的特性；

ui-filterable——设置表单具备过滤属性；

data-type="search"——设置input为搜索框；

data-filter-reveal="true"——设置listview组件初始状态为过滤隐藏的状态；

data-input——指明listview组件与特定搜索框关联；

data-autodividers="true"——设置listview具备类似通讯录的效果，即以首字母分类；

更多细节请查看jQueryMobile手册

    
    
    
    
    
    



    

        
欢迎来到主页
    
    

       
        

            
A
            
B
            
C
        
        

        

        

        
        

            
A
            
B
            
C
        
        

        

        

        
        

            
A
            
B
            
C
        

        
        

            
        
        

            
A
            
B
            
C
            
B
            
C
            
D
        
        

        

        

        
        

            
Apple
            
Berry
            
Black
            
Cindy
            
Coder
            
Dog
        
    
    

        
底部
    

在iphone6中的效果：