jquery - 如何在 HTML 中创建一个简单的微调器?或者 jQuery

标签 jquery html jquery-ui

是否可以在 HTML 中创建微调器?只有 HTML?也许是一个标签?

我的 HTML:

<label for="time">Tempo:</label>
<input type="text" name="time" id="time" value="" style="width: 150px;" />

如果不能,我们可以使用一些 jquery 吗?像“日期选择器”之类的东西 或者像这样

$("#time").spinner({ options });

一些非常简单的东西:D

我找到了这个,但我不明白如何使用它。

http://docs.jquery.com/UI/Spinner/spinner

编辑:

如果我使用这个:

<label for="time">Tempo:</label>
<input type="number" name="time" id="time" value="0" style="width: 150px;" />

(区别在于输入类型)

Chrome 会自动创建微调器 (+1/-1),但 firefox 不会发生同样的情况(并且未在 IE 上测试)

为什么人们还在使用其他浏览器?! :D

最佳答案

http://github.com/fgnass/spin.js

  • 没有图片
  • 没有外部 CSS
  • 无依赖
  • 高度可配置
  • 独立于分辨率
  • 在旧 IE 中使用 VML 作为后备
  • 使用@keyframe 动画,回到 setTimeout()
  • 适用于所有主流浏览器,包括 IE6
  • 占用空间小(gzipped ~1.9K)

关于jquery - 如何在 HTML 中创建一个简单的微调器?或者 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10431358/

相关文章:

javascript - 使用 JavaScript 进行即时验证 - 不确定从哪里开始

jquery - chrome for android 中的空白导航 [ bootstrap 网站和所有使用 bootstrap 的网站也有问题]

CSS绝对定位不起作用

javascript - 没有CSS的d3.js中的轴文本样式

javascript - jQuery 包围的元素在通过 jQuery-AJAX 加载的 div 中不起作用

javascript - 如何使用 CSS & Jquery 一键获取两个结果

javascript - Html 类事件监听器无法正常工作

jquery - 我如何使 jQuery 对话框弹出特定次数?

JQuery 按钮 - 删除文本时保持高度

javascript - 在 jQuery 中, `this.element` 和 `this.element[/* some number */]` 有什么区别?