定制的 Jquery UI 微调器答案

【问题标题】：Customized Jquery UI spinner定制的 Jquery UI 微调器
【发布时间】：2012-08-02 07:36:46
【问题描述】：

我在这个问题上卡了一个多月了，真的很需要帮助，

我想使用带有以下自定义的 Jquery ui 微调器：

递增和递减按钮应由我定义，应使用我的图像
增量步长应该是可变的

欢迎使用另一种方法，而不是使用 jquery ui，但需要帮助来实现这一点，我正在寻找的基本功能是：直到 mousedown on image 不断增加文本框值，就是这样

【问题讨论】：

标签： jquery jquery-ui spinner customization mousedown

【解决方案1】：

你可以试试：

       https://github.com/btburnett3/jquery.ui.spinner

易于使用，您只需要 2 个文件（ui.spinner.min.js 或 ui.spinner.js 和 ui.spinner.css）

回答您的问题：

您可以覆盖下面列出的任何 css 类来放置您想要的图像，并在浏览器开发工具中使用一些值来查看您的更改。
```
    classes: ui-spinner-up ui-spinner-button ui-state-default ui-corner-tr
```
增量大小可以在“step”属性中设置。

例子：

$('#someId').spinner({
                        min: 0,
                        max: 100,
                        increment:'fast',
                        step:5  // this will increment or decrement by 5    
                    });

请记住，id="someId" 的 HTML 组件应该是 type="text" 或 "number" 的输入，但如果您选择最后一个并且您的浏览器支持 HTML5，它将在输入和此扩展添加的按钮下方。我的建议是使用 type="text"。

干杯。

【讨论】：

不，我不想做这一切，我只需要问题中描述的简单微调器
我用另一种方法再次回复，希望对您有所帮助。问候。
@NishantJani 读起来很像“不，我不想了解技术是如何工作的，只要给我一个可行的解决方案。”
".ui-widget" 也很重要。

【解决方案2】：

如果你在 github 上查看 spinner 的最新版本，https://github.com/jquery/jquery-ui/tree/master/ui 他们在最后一次提交中添加了代码，让微调器可以选择更改图像。就增量步长而言，您可以在选项中添加步长值。希望这会有所帮助。

【讨论】：

【解决方案3】：

我忘了提到您可以使用 jQuery UI 1.9，在里程碑 6 中，它们为 Spinner 小部件提供了许多更新。

请访问此网站了解更多详情： JQuery UI 1.9 milestone 6

请记住，此功能正在“开发中”，visual design 看起来不错，但工作微调器看起来像 this example

出于您的目的：

可以通过 CSS 更改图像。
“步长”选项应提供增量步长。
直到 mousedown on image keep incrementing textbox 工作正常。

注意：请记住，您可以下载JQuery UI 1.9 RC 的第一个候选版本，以进行测试。

我希望这会有所帮助。

【讨论】：