jQuery Mobile Listview filterCallback 选项

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。

在本文中，我们将使用 jQuery Mobile Listview filterCallback选项。此选项属于函数类型，用于确定在搜索过滤器文本框更改时要隐藏哪些行。

注意：此选项已在 1.4.0 中弃用，并将在 1.5.0 中删除。它现在在可过滤小部件中实现。

句法：

$( document ).on( "mobileinit", function() {
  $.mobile.listview.prototype.options.filterCallback
     = function( text, searchValue ) {
  
    // Only show items that *begin* 
    // with the search string
    return text.toLowerCase().substring( 
      0, searchValue.length ) !== searchValue;
  };
});

参数：该函数接受两个参数，即列表项的文本和搜索字符串。

返回类型：此函数返回 true 以隐藏项目，返回 false 以使其可见。

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

 

示例：此示例演示了 jQuery Mobile Listview filterCallback选项。

HTML

  

    
    
    
    
    
    
    

  

    
        
            
                GeeksforGeeks
            
            jQuery Mobile Listview filterCallback Option
            
                
                    
                        
                                GeeksforGeeks
                            
                        
                        
                                GFG
                            
                        
                        
                                gfg
                            
                        
                    
                
            
        
    
    
        $(document).ready(function () {
            $(document).on("mobileinit", function () {
                $.mobile.listview.prototype.options.filterCallback = 
                              function (text, searchValue) {
                    return text.toLowerCase().substring(0, 
                              searchValue.length) !== searchValue;
                };
            });
        });
    

  

输出：

jQuery Mobile Listview filterCallback 选项

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