javascript - 解决小问题(工作不顺利)

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 上升到无限，然后下降到 0 停止(而不是像现在那样下降到 -1)。

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) 来代替(将 count 初始化为 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