jQuery Mobile Listview filterPlaceholder 选项

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

在本文中，我们将学习在 jQuery Mobile 中实现filterPlaceholder选项。 filterPlaceholder是应该出现在列表视图搜索栏位置的文本 筛选 选项。

列表视图不推荐使用filterPlaceholder 。所以我们需要使用与过滤选项相同的可过滤小部件。

句法：

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

$("#items").listview({
   filter:true,
});
$("#items").filterable({
   filterPlaceholder:"text...",
});

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

// Getter
var filterPlaceholder = $( ".selector" )
    .listview( "option", "filterPlaceholder" );
 
// Setter
$( ".selector" ).listview( "option", 
    "filterPlaceholder", "Search..." );

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：以下代码使用了 jQuery 移动版的filterPlaceholder选项。

HTML

  

    
    
    
    
    
    
    
    

  

    GeeksforGeeks
    jQuery Mobile Listview filterPlaceholder option
  
    
        
            
                Data Structures
            
        
        
            
                Interview preparation
            
        
        
            
                Java Programming
            
        
    
  
    
        $("#items").listview({
            filter: true
        });
        $("#items").filterable({
            filterPlaceholder: "Search tutorials"
        });
    

  

输出：

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