jQuery Mobile Listview 插入选项

jQuery Mobile是一个基于 HTML5 的用户界面系统，旨在制作可在所有智能手机、平板电脑和桌面设备上访问的响应式网站和应用程序。 jQuery Listview 是一个用于创建漂亮列表的小部件。它是一个简单且响应迅速的列表视图，用于查看无序列表。

在本文中，我们将使用jQuery Mobile插入选项，它为 ListView 提供插入外观。这对于将列表与页面上的其他内容混合非常有用。它为 Listview 提供了良好的 UI 外观。由于列表视图周围的阴影，列表视图似乎从屏幕上升起。

语法： jQuery Mobile 中插入选项的语法采用布尔值。如果为true ，则应用插图，否则不应用插图。

使用指定的inset选项初始化列表视图：

$(".selector").listview({
    inset: true
});

初始化后获取或设置插入选项：

// Getter
var inset = $( ".selector" ).listview( "option", "inset" );
 
// Setter
$( ".selector" ).listview( "option", "inset", true );

CDN 链接：为 jQuery Mobile 使用以下 CDN 链接。

示例 1：在此示例中，我们将inset选项值设置为true。

HTML

  

    
    
    
    
    
    
    
    

  

    GeeksforGeeks
    jQuery Mobile Listview inset Option
      
    
        
            
                Data Structures
        
        
            
                Interview preparation
        
        
            
                Java Programming
        
    
  
    
        $(".items").listview({
            inset: true
        });
    

  

输出：

示例 2 ：在此示例中，我们将插入 选项为false 。

HTML

  

    
    
    
    
    
    
    
    

  

    GeeksforGeeks
    jQuery Mobile Listview inset Option
  
    
        
            
                Data Structures
        
        
            
                Interview preparation
        
        
            
                Java Programming
        
    
      
    
        $(".items").listview({
            inset: false,
        });
    

  

输出：

参考： https://api.jquerymobile.com/listview/#option-inset