爲什麼我的jQuery UI微調不能正確遞增

Question

有人可以告訴我我做錯了什麼。我正在嘗試創建一個微調以跟蹤Pinochle遊戲中的出價... 微調控制器應該有至少50個啓動項，並且應該增加1，直到出價達到60，然後微調控制器應該增加5直到出價達到100，從那裏出價應該增加10。 （無最大值已被確定尚未...所以我不關於擔心）

這裏是我曾經嘗試過失敗的代碼：

$('#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

Answer 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/