2

我正在寻找一个插件来增强 HTML5 input[type=range]- 理想情况下希望结果类似于 jquery-mobile 滑块:

http://jquerymobile.com/demos/1.0b3/docs/forms/forms-slider.html

我还没有发现任何东西,非常惊讶 - 似乎是一种很好的标准方式来增强input[type=range]. 似乎过度滚动我自己,特别是。当 jquery-mobile 中已经存在此功能时!有没有人遇到过这样的事情?

编辑:我查看了 jQueryUI 滑块——这不是我想要的!

4

2 回答 2

1

http://flowplayer.org/tools/rangeinput/index.html

于 2011-11-22T14:16:18.687 回答
1

您可以尝试webshims lib。该脚本使用 jQuery UI 作为基础,但修改了 jQuery UI 以使其符合 HTML5 规范。有一个演示,它只“polyfills”没有 type=range 支持的浏览器和一个覆盖所有浏览器默认设置的演示。

polyfill UI 反映了以下内容属性:value、disabled、readonly、step、min 和 max。

此外,您还可以使用 $.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);
于 2011-09-13T19:17:13.247 回答