カウンター小さな問題（スムーズに動作しません）

Question

このjsfiddleでは、インクリメントまたはデクリメント（？）が完全にうまく機能しないことに気づくでしょう。それを完璧にする方法。

http://jsfiddle.net/Sergelie/8d3th1cb/3/

<div data-role="page"> 
<div data-role="content"> 
    <input id="button" type="button" value="+" /> 
    <input id="button2" type="button" value="-" /> 
</div> 
</div> 

アイデアは無制限まで0から行くために、ダウン（それが今ない方法を-1にしない）0で停止することです。

var count = 1; 
$("#button").on('click', function() { 
$(this).val(count++).button("refresh"); 
}); 
$("#button2").on('click', function() { 
if (count>-1) 
$("#button").val(count--).button("refresh"); 
}); 

Answer 1

使用++countと--countを値は前に増減され、式の値は最終値です。

var count = 1; 
$("#button").on('click', function() { 
    $(this).val(++count).button("refresh"); 
}); 
$("#button2").on('click', function() { 
    if (count > 0) $("#button").val(--count).button("refresh"); 
}); 

参照：++someVariable Vs. someVariable++ in Javascript

Answer 2

あなたは前置演算子（++ /カウント - カウント数）を使用することができます代わりに、（カウントを0に初期化）：そう代わり

var count = 0; 
$("#button").on('click', function() { 
    $(this).val(++count).button("refresh"); 
}); 
$("#button2").on('click', function() { 
    if (count > 0) 
    $("#button").val(--count).button("refresh"); 
}); 

jsFiddle example

Answer 3

var count = 0; 
$("#button").on('click', function() { 
    $(this).val(++count).button("refresh"); 
}); 
$("#button2").on('click', function() { 
    if (count>0) 
     $("#button").val(--count).button("refresh"); 
}); 

読むインクリメントhereの位置について。