为什么我的jQuery UI Spinner没有正确递增

时间:2017-04-11 04:47:00

标签: javascript jquery html jquery-ui dom

有人可以告诉我我做错了什么。我正在尝试创建一个微调器以跟踪Pinochle游戏中的出价...... 旋转器应该至少有50个开始,并且应该增加1到标准,直到出价达到60,然后旋转器应该增加5到标准,直到出价达到100,从那里出价应该增加10& #39; S。 (还没有确定最大值......所以我并不担心)

这是我尝试过的代码失败:

$('#bid').spinner({
            min: 50,
            spin: function (event, ui) {
                if (ui.value > 60) {
                    $(this).spinner({                               
                        step: 5
                    });
                    return false;
                } else if (ui.value > 100) {
                    $(this).spinner({
                        step: 10
                    });
                    return false;
                }
            }
        });

锭床工作直到达到60,然后它不会增加......但是减量和增量为5,在50到60之间???

有人可以告诉我正确的方法吗,谢谢!

JSFiddle

1 个答案:

答案 0 :(得分:1)

尝试使用旋转事件:

$("#spinner").spinner({
  min: 50,
});
$("#spinner").on("spin", function(event, ui) {
  if (ui.value > 60) {
    $(this).spinner("option", "step", 5);
  }
  if (ui.value > 100) {
    $(this).spinner("option", "step", 10);

  }
});

演示:http://jsfiddle.net/dxmcj1na/