New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/jquery-xfilterlist/
jQuery xFilterList
DownloadĀ Ā Demo
jQuery xFilterList is a simple jQuery grid list plugin for easy filter and sorting.
1. INCLUDE JS FILES
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="jquery.xfilterlist.js"></script>
2. HTML
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>
3. JAVASCRIPT
var fl = new xFilterList($('sortlist'), // you can set the margin in pixels margin: 5 ); // Filter example fl.filterBy('programing');
4. OPTIONS
marginĀ : The margin for items defined in pixels.
5. METHODS
uFilterList.filterBy(string)Ā : String itās text to filter, it should match toĀ data-filterĀ attribute onĀ liĀ tags matching.

















