{"id":560,"date":"2014-01-21T03:07:51","date_gmt":"2014-01-21T03:07:51","guid":{"rendered":"http:\/\/a1webdesignteam.com\/blog\/?p=560"},"modified":"2014-01-21T03:07:51","modified_gmt":"2014-01-21T03:07:51","slug":"jquery-advanced-filter-list-plugin","status":"publish","type":"post","link":"https:\/\/a1webdesignteam.com\/blog\/jquery-advanced-filter-list-plugin\/","title":{"rendered":"jQuery advanced filter list plugin"},"content":{"rendered":"<div>\n<p>\u00a0Look at examples below:<\/p>\n<p><strong>Init filter:<\/strong><\/p>\n<div>\n<table>\n<tbody>\n<tr>\n<td>\n<pre>$(document).ready(function() {\r\n$('ul.dynamic-search-list').filterList({\r\ninputSelector: '#filter-input'\r\n});\r\n});<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>inputSelector is the only option required by plugin. It\u2019s a jQuery selector for input field that will be used for list filtering.<\/p>\n<p><strong>Detach filter:<\/strong><\/p>\n<div>\n<table>\n<tbody>\n<tr>\n<td>\n<pre>$('ul#2').filterList('detach');<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p>Disable filtering for the specified list (by a selector).<\/p>\n<p><strong>Optional settings:<\/strong><\/p>\n<ul>\n<li>caseSensitive <strong>true|false<\/strong>\u00a0\u2013 enable or disable letter case sensitivity (it\u2019s turned off by default).<\/li>\n<li>noResultsText <strong>string<\/strong>\u00a0\u2013 text that appears if no element matches text (by default it\u2019s english).<\/li>\n<li>duration <strong>integer<\/strong>\u00a0\u2013 animation speed in miliseconds.<\/li>\n<li>zebra <strong>true|false<\/strong>\u00a0\u2013 add even class to even elements on the list (true by default).<\/li>\n<\/ul>\n<p><strong>Demo:<\/strong><\/p>\n<p>Check demo at:\u00a0<a href=\"http:\/\/realhe.ro\/demo\/jquery-filter-list\/\">http:\/\/realhe.ro\/demo\/jquery-filter-list\/<\/a><\/p>\n<p><strong>Download:<\/strong><\/p>\n<div id=\"wpba_attachment_list\">\n<ul>\n<li id=\"wpba_attachment_list_160\"><img loading=\"lazy\" alt=\"\" src=\"http:\/\/blog.realhe.ro\/wp-content\/plugins\/wp-better-attachments\/assets\/img\/icons\/file-icon.png\" width=\"16\" height=\"20\" \/><a title=\"jquery-filter-list\" href=\"http:\/\/blog.realhe.ro\/wp-content\/uploads\/2013\/12\/jquery-filter-list.zip\" target=\"_self\">jquery-filter-list<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0Look at examples below: Init filter: $(document).ready(function() { $(&#8216;ul.dynamic-search-list&#8217;).filterList({ inputSelector: &#8216;#filter-input&#8217; }); }); inputSelector is the only option required by plugin. It\u2019s a jQuery selector for input field that will be used for list filtering. Detach filter: $(&#8216;ul#2&#8217;).filterList(&#8216;detach&#8217;); Disable filtering for the specified list (by a selector). Optional settings: caseSensitive true|false\u00a0\u2013 enable or disable letter [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[6],"tags":[],"_links":{"self":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/560"}],"collection":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/comments?post=560"}],"version-history":[{"count":0,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/posts\/560\/revisions"}],"wp:attachment":[{"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/media?parent=560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/categories?post=560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/a1webdesignteam.com\/blog\/wp-json\/wp\/v2\/tags?post=560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}