Javascript 增强HTML5输入[type=range]的插件，如jquery mobile slider

我正在寻找一个插件来增强HTML5

input[type=range]

——理想情况下，我希望结果类似于jquery mobile slider：

我还没有发现任何东西，非常惊讶-这似乎是增强

输入[type=range]

的一种很好的标准方法。这似乎是我自己的，尤其是当jquery mobile中已经存在此功能时！有人遇到过这样的事情吗

编辑：我看了jQueryUI滑块-这不是我想要的

你可以试试。该脚本使用jQuery UI作为基础，但修改了jQuery UI以使其与HTML5规范兼容。这里有一个演示，它只“填充”浏览器，还有一个演示

polyfilled UI反映了以下内容属性：值、禁用、只读、步长、最小值和最大值

另外，您还可以使用$.prop/[$.attr/]$.val以编程方式设置/获取以下属性：valueAsNumber、value、step、min、max、disabled、readonly

$('#range').prop('valueAsNumber'); //get valueAsNumber
$('#range').val('value', 10); // set value to 10
$('#range').prop('disabled', true);

---

能否修改jQuery移动滑块以使用

输入[type=range]

？由于

input[type=range]

在较旧的浏览器中降级为

input[type=text]

，我认为修改会非常简单。为什么jQueryUI滑块不是您想要的呢？它与jQuery移动滑块的基础相同，只是样式不同而已。@pauld.Waite-是的。。请看：，它似乎严重依赖于jqm框架的其他部分。。需要进一步调查。同时看看：-它是“开箱即用”的（但有点脏）@jason-看看区别！jQueryUI滑块不提供相同的功能！mobile所做的唯一一件事是在常规UI覆盖在div上时替换input[type]=range。这就是您想要的吗？除此之外，jQueryUI滑块还有更多选项。我很困惑。做得好，法卡斯先生看起来像一个很好的库：）应该很容易建立什么我想要的基础上在触摸屏设备上实现此功能的修复程序：