素材牛VIP会员

jQuery分类筛选插件

 所属分类:网页特效-输入/选择框/联动

 浏览:2146次  评论:1次  更新时间:2017-05-25
牛币素材VIP可免积分下载
jQuery分类筛选插件兼容IE8
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:基于jquery非常不错的分类筛选通过追加url参数实现, 包括全部选项,单个分类的选择,并且相应的项会被选中。
 标签:分类筛选

详细介绍

介绍:

项目要后端来实现分类筛选功能,前端要去对应的参数传递到url参数里,网上找来的代码是有些是没有全部这个选项的,有些是ajax来请求数据的,后来还是花了时间写了这个插件

DOM结构:

<a href="#" rel="" name="mode" class="all on">全部</a>
<a href="#" rel="股权融资" name="mode" class="sx_child">股权融资</a>
<a href="#" rel="债权融资" name="mode" class="sx_child">债权融资</a>

说明:

name: 对应url里的参数名称rel:  对应url里参数的键值class: 对应子项的样式名称

例: http://localhost/filter.html?mode=股权融资

Javascript:

$(function(){
        new SelectTag({
            child: ".sx_child", //所有筛选范围内的子类
            over: 'on', //选中状态样式名称
            all: ".all" //全部class
        });
    })

相关素材 - 输入/选择框/联动

讨论这个素材(1)回答他人问题或分享使用心得会奖励牛币

yt***76  
2020年03月07日

感谢分享,已收藏

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:1 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)