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

Question

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

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

Answer 1

您可以查看noUiSlider。

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

披露：我做到了。

Answer 2

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

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

Answer 3

检查一下我前一段时间写的slider我的个人用途。 它同时具有linear（水平/垂直）和circular的实现，可在台式机和移动设备上运行，重量轻（〜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 here

组成的由2个原生输入组成的多句手滑块

Answer 7

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

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

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