价格筛选条

查看演示立即下载

插件描述：jQuery价格区间筛选

1.所需引用文件：style.css（样式可自定义）、slider.js（价格拖动筛选封装函数）

2.配置js：

$("#price-range").slider({
    unit: "万",
    beyondMax: true,
    beyondMin: true,
    firstWidth: 34,
    lastWidth: 23,
    scale: [
        {
            key: 0,
            value: [1, 1, 1]
        },
        {
            key: 5,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 10,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 15,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 20,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 25,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 30,
            value: [1, 1, 1, 1, 1]
        },
        {
            key: 35,
            value: [3, 2, 5, 3, 2]
        },
        {
            key: 50,
            value: [5, 5, 5, 5]
        },
        {
            key: 70,
            value: [10, 10, 10]
        },
        {
            key: 100,
            value: 0.5
        },
        {
            key: 110
        }
    ]
    })
.on("changed", function(e, args) {
    var min = args.value.leftValue,
        max = args.value.rightValue;
    console.log(min,max);
    // location.href = '/car/' + min + '_' + max + '-0.0_0.0-0-0-0-0-0-0-0-0/';
});
$("#price-range").data("slider").setRange({
    leftValue: 0,
    rightValue: 110
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jQuery条件锚点导航
下一个特效：超炫酷碎片化轮播图（原创）