Look at examples below:
Init filter:
$(document).ready(function() {
$('ul.dynamic-search-list').filterList({
inputSelector: '#filter-input'
});
});
|
inputSelector is the only option required by plugin. It’s a jQuery selector for input field that will be used for list filtering.
Detach filter:
$('ul#2').filterList('detach');
|
Disable filtering for the specified list (by a selector).
Optional settings:
- caseSensitive true|false – enable or disable letter case sensitivity (it’s turned off by default).
- noResultsText string – text that appears if no element matches text (by default it’s english).
- duration integer – animation speed in miliseconds.
- zebra true|false – add even class to even elements on the list (true by default).
Demo:
Check demo at: http://realhe.ro/demo/jquery-filter-list/
Download:
