jQuery分类筛选插件

所属分类:其他,UI-独立的部件,筛选及排序

 11922  134  查看评论 (11)
jQuery分类筛选插件 ie兼容8

更新时间:2017-5-19 18:06:03

更新说明:

1.修复分类属性带有正则保留关键词bug

2.增加了js的压缩版本与调试版本

介绍:

项目要后端来实现分类筛选功能,前端要去对应的参数传递到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
        });
    })
相关插件-独立的部件,筛选及排序

复制剪切粘贴插件clipboard.js

clipboard.js能够实现复制剪切粘贴的功能,实例方法全。
  独立的部件
 9332  82

template.js模板引擎

template.js 一款javascript模板引擎,提供一套模板语法,用户可以写一个模板区块,每次根据传入的数据,生成对应数据产生的HTML片段
  独立的部件
 4205  17

jQuery自动定位当地天气预报

jQuery调用新浪天气,显示城市天气气温风向风级图标白天夜间
  独立的部件
 9573  130

jQuery二维码生成插件qrcode.js

应用小工具二维码生成
  独立的部件
 5591  133

讨论这个项目(11)回答他人问题或分享插件使用方法奖励jQ币

    ?趋记ㄚ 0
    2017/11/22 9:21:23

    有bug要是rel参数有0、1、2、3、4这些数字点下去会改变端口号

    回复
    OldThree 0
    2017/11/15 16:09:43

    作者你好,我想问一下,每次我点击了一个a链接标签,都会刷新一次界面,请问有没有不刷新当前页面的方法么?

    回复
    欧海兵 0
    2017/11/11 13:34:48

    能帮帮我吗?我想加入ASP里面,目前是不知道怎么连接上数据库筛选。有没有后台数据连上的代码,分享给我看一下。我好改改。

    回复
    幸福的窝窝头 0
    2017/10/20 17:39:31

    您好,我觉得稍微有点

    bug_changeURLPar: function(destiny, par, par_value) {
            var self = this;
            var pattern = par + '=([^&]*)';
            var replaceText = par + '=' + par_value;
            var ifAttr = encodeURI(self._getQueryString(par));
            //var ifAttr = self._getQueryString(par);
            if (destiny.match(pattern)) {
                alert(destiny);
                destiny = destiny.replace(ifAttr, par_value);
                return (destiny);
            } else {
                if (destiny.match('[\?]')) {
                    return destiny + '&' + replaceText;
                } else {
                    return destiny + '?' + replaceText;
                }
            }
            return destiny + '\n' + par + '\n' + par_value;

    那个正则好像有点问题

    回复
    goodiooking 0
    2017/8/8 21:12:07

    加入php后,点击筛选,直接把后台连接的url替换了,怎么解

    回复
    前端小小菜鸟 0
    2017/7/21 18:41:56

    你们q币哪来的,我下载不了,有的可以发我一份吗

        曼珠沙华0
        2017/10/12 13:00:17

        jq币通过发不资源或回答他人提问得到

    回复
    1毛 0
    2017/6/2 15:37:49

    gb2312编码不好使   因为URL传值那不是中文  是编码 

    utf-8文件可用

        Mrcxt0
        2017/6/6 17:38:25

        可以分享我一份嘛。木有q币哇,呜呜呜

        小^_^猪0
        2017/6/13 9:55:42

        如果项目有需要,可尝试不进行url编码!!

        Meow0
        2017/8/11 10:37:24

        你好,能分享一份吗?我也没有Q币

    回复
取消回复