拖动选值插件ranger.jquery.js

最近需要用到左右拖动选值功能，如上图所示。为了让插件更适合自己的项目，也方便以后修改，于是决定自己写一个。如有坑请在下面留言告诉我。

功能场景

1. 两个拖动块,取区间值
2. 支持模块import
3. 支持自定义最大最小值
4. 支持pc和wap
5. 依赖jQuery,对zepto作了兼容处理

项目地址

演示：Demo
源码：gitHub

用法

1. 引入必要文件：ranger.css、jquery(或zepto)、ranger.jquery.js 。

2. 调用方法

   $("#dom").Ranger({
     from: 200, // 拖块（最小）
     to: 500, // 拖块（最大）
     min: 0, //区间(最小)
     max: 1000, //区间(最大)
     onDrag: function(res) {
       console.log(res) //结果回调
     } 
   })
   

补充

如果你只需要一个拖动块，可以考虑使用html5原生的input="range",再自定义样式，同样可以做出漂亮的ranger，这类文章网上有很多。

2018.5.31更新

1. 修复了pc端快速拖动的卡顿问题
2. 优化了内部结构，支持多个实例