New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/jquery-xfilterlist/
jQuery xFilterList is a simple jQuery grid list plugin for easy filter and sorting.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.xfilterlist.js"></script>
It’s very easy, defines only your list using an ul and li tags then
sets your filters in each li tags with the data-filter attribute, it can add many filters for one item.
<ul id="sortlist"> <li data-filter="programing"></li> <li data-filter="programing back-end"></li> <li data-filter="programing front-end"></li> <li data-filter="graphic-design illustration"></li> <li data-filter="webdesign front-end"></li> <li data-filter="graphic-design printing"></li> </ul>
var fl = new xFilterList($('sortlist'), // you can set the margin in pixels margin: 5 ); // Filter example fl.filterBy('programing');
margin : The margin for items defined in pixels.
uFilterList.filterBy(string) : String it’s text to filter, it should match to data-filter attribute on li tags matching.
