更新日期:2017-12-29 10:49:00
更新内容:删除多余代码。
fastLiveFilter这是jQuery过滤器插件,超轻量级(大小只有2K),用法简单执行效率高。
包括jQuery的插件,然后初始化插件:
1 2 3 4 5 6 7 | < script src = "jquery-1.6.4.min.js" ></ script > < script src = "jquery.fastLiveFilter.js" ></ script > < script > $(function() { $('#search_input').fastLiveFilter('#search_list'); }); </ script > |
上述将与此HTML:
1 2 3 4 5 6 | < input id = "search_input" placeholder = "Type to filter" > < ul id = "search_list" > < li >One</ li > < li >Two</ li > < li >Three</ li > </ ul > |
选项
选项给出的第二个参数:
1 | $(INPUT_SELECTOR).fastLiveFilter(LIST_SELECTOR, options); |
可用的选项:
超时:有多少毫秒的keydown后等待过滤列表之前。默认值是0。
回调:回调方法,该方法将得到保留在列表中的项目数。
选择:默认情况下,该插件将匹配滤波器对的文字里。如果具体确定,选择将被应用到李和由此产生的文本将被代替使用。警告:使用复杂的选择可能会显著降低性能,特别是在大名单!
例如:
1 2 3 4 | $( '#search_input' ).fastLiveFilter( '#search_list' , { timeout: 200, callback: function (total) { $( '#num_results' ).html(total); } }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com