jQuery筛选及排序插件filterizr.js

所属分类:UI-筛选及排序

 29422  357  查看评论 (2)
分享到微信朋友圈
X
jQuery筛选及排序插件filterizr.js ie兼容10
<ul>
    <li data-filter="all">全部</li>
    <li data-filter="1">城市</li>
    <li data-filter="2">自然</li>
    <li data-filter="3">工业</li>
    <li data-filter="4">白昼</li>
    <li data-filter="5">夜景</li>
</ul>
<div>
    <div data-category="1, 5">
        <img src="img/a1.png" alt="">
    </div>
    <div data-category="2, 5">
        <img src="img/a2.png" alt="">
    </div>
    <div data-category="1, 4">
        <img src="img/a3.png" alt="">
    </div>
    <div data-category="3">
        <img src="img/a4.png" alt="">
    </div>
    <div data-category="3, 4">
        <img src="img/a5.png" alt="">
    </div>
</div>

jq22内的data-category属性里面的数字填上 nav内的data-filter属性里面的数字,可以多选 以逗号,隔开

相关插件-筛选及排序

table 点击排序 三种方法

不用通过数据交互那么复杂,可以简单的静态排序和筛选,适用于后台数据列表等需求
  筛选及排序
 42033  365

前端表格排序插件,支持ajax分页

jQuery前端表格排序插件,支持ajax分页,后端分页只排序当前页,或前端分页排序
  筛选及排序
 37748  366

jquery仿app产品筛选列表

jquery仿app产品筛选列表
  筛选及排序
 55659  398

jQuery根据条件筛选数据

jQuery根据输入关键字和选择的条件进行筛选,常用代码简单实用。
  筛选及排序
 28767  332

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    海淀江城 0
    2019/7/5 9:37:00
    挺好用的,但是当一个类别下为空的时候来回点击会有bug 回复
    Morning star 0
    2018/10/31 16:00:00
    这啥时候发布的?挺好用的 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复