2012-08-02 20 views
1

㈣一直停留在这一个超过一个月了,真的真的需要在这一个帮助,定制的jQuery UI的旋转

我想使用jQuery UI的微调与以下自定义:

  1. 增量上下按钮应该由我来定义,我的图片应采用
  2. 上调步长应该是可变的

另一其他方法比使用jQuery用户界面会受到欢迎,但需要帮助实现这一目标,基本功能即时寻找的是:直到图像的mousedown不断递增文本框的值,这就是它

回答

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组件应与类型的输入=“text”或“号”,但如果你选择的最后一个和你浏览器支持HTML5,它将呈现输入内的上/下箭头,并在该扩展添加的按钮下方。我的建议是使用type =“text”。

干杯。

+0

naah我不想做所有这些,我只需要简单的微调器在问题描述 – 2012-09-18 06:54:11

+0

我再次用另一种方法回复,我希望有所帮助。问候。 – sgroh 2012-09-19 16:47:57

+0

@NishantJani非常喜欢“不,我不想学习技术是如何工作的,只是给我一个工作解决方案。” – 2014-01-09 17:30:47

0

我忘了提及您可以使用jQuery UI 1.9,在里程碑6中他们为Spinner widget提供了许多更新。

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

请记住,这个功能是“发展”,在visual design看起来不错,但工作微调看起来像this example

你的目的:

  1. 图像可以通过CSS进行更改。
  2. 'step'选项应该提供递增步长。
  3. 直接在图像上拖动不断增加的文本框按照您的期望工作。

注意:请记住,您可以下载的JQuery UI 1.9 RC第一候选发布版,以测试。

我希望这会有所帮助。