jQuery UI Spinner vs输入类型=“数字”

时间:2013-12-07 01:54:55

标签: javascript jquery-ui input spinner

有人可以告诉我如何使用jQuery UI Spinner我想替换它。

输入类型=“数字”在某些浏览器中没用。

input type="number"  class="slider" pattern="[0-9]*" value="1"      onchange="drawing.strokeWidth=this.value;     drawing.update(document.getElementById('textInput').value);" min="0" max="40" step="0.5"

我查看了文档,但是无法包装我的头jQuery ..

1 个答案:

答案 0 :(得分:3)

如果您在支持HTML 5的浏览器版本上运行它,则数字是您可以在html页面中使用的新HTML 5输入类型之一。

对于jquery spinner,只需执行以下代码:

<input id="spinner1" value="1" />
<script type="text/javascript">
   $('#spinner1').spinner({ min: 0, max: 40, step: .5 });
</script>

我没有包含更改事件,因为我不知道您要完成什么,但请查看文档here