jQuery UI Spinnerが正しくインクリメントしない理由

Question

私が間違っていることを誰かに教えてもらえますか？私はPinochleの試合で入札を追跡するためにスピナーを作成しようとしています... スピナーの開始は最低50で、入札が60に達するまで1ずつ増加する必要があります。入札が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に達するまでスピナーがアップ作品、それは文句を言わないが、インクリメント...インクリメントし、インクリメントします。

誰かがこれを行う正しい方法を教えてください、ありがとう！

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/