一款 jQuery 过滤器插件 fast Live Filter

一款 jQuery 过滤器插件 fast Live Filter
 点击预览  点击下载

使用方法

fastLiveFilter这是jQuery过滤器插件,超轻量级(大小只有2K),用法简单执行效率高。

包括jQuery的插件,然后初始化插件:

  1. <script src="jquery-1.6.4.min.js"></script> 
  2. <script src="jquery.fastLiveFilter.js"></script> 
  3. <script> 
  4.     $(function() { 
  5.         $('#search_input').fastLiveFilter('#search_list'); 
  6.     }); 
  7. </script> 

上述将与此HTML:

  1. <input id="search_input" placeholder="Type to filter"> 
  2. <ul id="search_list"> 
  3.     <li>One</li> 
  4.     <li>Two</li> 
  5.     <li>Three</li> 
  6. </ul> 

选项

选项给出的第二个参数:

$(INPUT_SELECTOR).fastLiveFilter(LIST_SELECTOR, options);

可用的选项:

超时:有多少毫秒的keydown后等待过滤列表之前。默认值是0。

回调:回调方法,该方法将得到保留在列表中的项目数。

选择:默认情况下,该插件将匹配滤波器对的文字里。如果具体确定,选择将被应用到李和由此产生的文本将被代替使用。警告:使用复杂的选择可能会显著降低性能,特别是在大名单!

例如:

  1. $('#search_input').fastLiveFilter('#search_list', { 
  2.     timeout: 200, 
  3.     callback: function(total) { $('#num_results').html(total); } 
  4. }); 

转载请注明:代码家园 » 一款 jQuery 过滤器插件 fast Live Filter

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)