- Overview
- Documents
jQuery xFilterList is a simple jQuery grid list plugin for easy filter and sorting.
sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti
Source: github.com
Oct 01, 2014 in Slideshow 4100 views
jQuery xFilterList is a simple jQuery grid list plugin for easy filter and sorting.
Source: github.com
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
5. METHODS
Tagged with:
xfilterlist
jquery grid
filter
sorting
jquery plugin
jquery xfilterlist
grid list
list plugin
Related Articles