响应式，多句柄HTML 5或javascript范围滑块

Question

我目前正在开发一个响应式网站，并希望使用多手柄范围滑块。 我已经使用了一些工作正常的javascript解决方案，但没有响应。

我考虑过两个html5范围输入的选项，它可以优雅地降低旧浏览器上的文本输入。 但是，我想知道是否有人遇到过具有多个句柄的范围滑块的javascript解决方案，该解决方案适用于响应环境。 任何想法或提示？

Answer 1

你可以看看noUiSlider 。

它支持触摸大量设备，并且与响应式设计配合良好。 没有依赖jQuery等。

披露：我做到了。

Answer 2

试试jQuery范围滑块： http ： //jqueryui.com/slider/#range 。

它在不同的浏览器中得到很好的支持。

Answer 3

看看我刚才为个人使用而写的滑块 。 它具有线性 （水平/垂直）和圆形实现，适用于桌面和移动，它是轻量级（约5Kb）和完全可定制。

Answer 4

我使用了fd-slider polyfill / with modernizr-loader，它可以在ipad上使用。 其他设备未经过测试，因为小屏幕版本没有使用它们。

Answer 5

这些看起来很光滑，但我还没有尝试过：

http://ghusse.github.io/jQRangeSlider/demo.html

http://razorfish.github.io/JS-Range-Slider/

Answer 6

Lea Verou 在这里由2个原生输入组成的多手柄滑块

Answer 7

对于那些仍然在这里，寻找选择的人，我遇到了这个：

http://vanderlee.github.io/limitslider/

它允许您传递一组值，甚至可以通过一系列选项设置间隙。