1

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

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

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

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

4

3 回答 3

3

你可以尝试：

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

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

回答您的问题：

  1. 您可以覆盖下面列出的任何 css 类来放置您想要的图像，并在浏览器开发工具中使用一些值来查看您的更改。

        classes: ui-spinner-up ui-spinner-button ui-state-default ui-corner-tr

  2. 增量大小可以在“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"。

干杯。

于 2012-09-18T00:33:22.540 回答
0

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

请访问此站点以获取更多详细信息： JQuery UI 1.9 里程碑 6

请记住，此功能正在“开发中”，视觉设计看起来不错，但工作微调器看起来像这个示例

出于您的目的：

  1. 图像可以通过 CSS 更改。
  2. 选项“步”应提供增量步长。
  3. 直到 mousedown on image 不断增加文本框按预期工作。

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

我希望这有帮助。

于 2012-09-19T16:46:49.080 回答
0

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

于 2012-08-02T17:47:44.403 回答