jQuery等高排列插件怎么使用

这篇文章主要讲解了“jQuery等高排列插件怎么使用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“jQuery等高排列插件怎么使用”吧！

专注于为中小企业提供成都做网站、成都网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业镇坪免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上千企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

Filterizr 是一款筛选过滤jquery插件，它提供了多重筛选过滤方式，能够满足你的不同需求。并且使用了 CSS3 过滤效果，使用户体验更优秀。

<link rel="stylesheet" href="">

<script src=""></script>

<script src=""></script>

<div class="dowebok">

<div class="filtr-item" data-category="1, 5">

<img src="" alt="">

</div>

<div class="filtr-item" data-category="2, 5">

<img src="" alt="">

</div>

<div class="filtr-item" data-category="1, 4">

<img src="" alt="">

</div>

&hellip;

</div>

为标签加上 data-category 属性，用于指定分类 id，可以有多个分类，用都好“，”分开。

如果需要在额外的标签中加入控制，需要用到其他的 data 属性，如：

1）单选：

<li data-filter="all">全部</li>

<li data-filter="1">分类1</li>

<li data-filter="2">分类2</li>

<li data-filter="3">分类3</li>

2）多选：

<li data-multifilter="1">代码</li>

<li data-multifilter="2">素材</li>

<li data-multifilter="3">模板</li>

3）排序：

<li class="shuffle-btn" data-shuffle>随机</li>

<li class="sort-btn" data-sortAsc>顺序</li>

<li class="sort-btn" data-sortDesc>倒序</li>

4）搜索：

<input class="keyword" placeholder="请输入关键字" data-search>

$（'.dowebok'）。filterizr（）;

感谢各位的阅读，以上就是“jQuery等高排列插件怎么使用”的内容了，经过本文的学习后，相信大家对jQuery等高排列插件怎么使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联，小编将为大家推送更多相关知识点的文章，欢迎关注！

名称栏目：jQuery等高排列插件怎么使用
路径分享：https://www.cdcxhl.com/article8/iiejip.html

成都网站建设公司_创新互联，为您提供静态网站、微信公众号、全网营销推广、定制网站、电子商务、面包屑导航

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联