开发者

Plugin to enhance HTML5 input[type=range] like jquery-mobile slider

开发者 https://www.devze.com 2023-04-04 19:58 出处:网络
I\'m looking for a plugin to enhance HTML5 input[type=range] - ideally would like the result to be similar to the jquery-mobile slider:

I'm looking for a plugin to enhance HTML5 input[type=range] - ideally would like the result to be similar to the jquery-mobile slider:

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

I've not found anything yet, quite surprised - seems like a nice standard way to enhance input[type=range]. Seems excessive roll my own, esp. when this functionality already exists in jquery-mobile! Has anyone come across something like this?

edit: I loo开发者_运维百科ked at the jQueryUI slider - its not what I want!


You can try webshims lib. The script uses jQuery UI as a base, but modifys jQuery UI to make it comptibel with HTML5 specification. There is a demo, which only "polyfills" browsers without type=range support and a demo which overrides the default in all browsers.

The following content attributes are reflected by the polyfilled UI: value, disabled, readonly, step, min and max.

Aditionally you can also set/get the following properties programmatically using $.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);


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

0

精彩评论

暂无评论...
验证码 换一张
取 消