1、bootstrap-slider
这是一款基于bootstrap的滑块插件,非常强大,支持水平、垂直拖动,支持区间拖动,经测试对移动端拖动,垂直拖动无法触摸,希望以后可以得到解决。
平时使用时,推荐使用此插件。
使用场景 | 拖拽、滑块、区间滑块 |
---|---|
npm包名 | bootstrap-slider |
bower包名 | -- |
文档地址 | 点击访问 |
2、jquery-ui的slider组件
基于jqueryui的拖拽组件,支持水平、垂直拖动,支持区间拖动,如果想要支持触摸拖动可以引入第三方触摸组件jQuery UI Touch Punch。
使用场景 | 拖拽、滑块、区间滑块 |
---|---|
npm包名 | jquery-ui |
bower包名 | -- |
文档地址 | 点击访问 |
3、ion-rangeslider
这是一款不错的,舒适,易于定制的范围滑块,支持自定义皮肤。还支持事件和公共方法,具有灵活的设置,完全可以用CSS改变。它支持触摸的设备,兼容性支持 iPhone, iPad, Google Chrome, Mozilla Firefox, Opera, Safari, IE(8.0+)
很不错的插件,唯一的遗憾是此插件不支持垂直模式。
使用场景 | 拖拽、水平滑块、水平区间滑块 |
---|---|
npm包名 | ion-rangeslider |
bower包名 | ionrangeslider |
文档地址 | 点击访问 |