jQuery Mobile:内联数字输入和加/减按钮

Question

是否有可能在左侧使用减号按钮进行数字输入,在右侧使用加号按钮？或者也许 - ++以更大的步骤改变价值.

我知道我不是第一个问这个但是: 这个解决方案在第一回合没有正确显示而且Github的jQuery-Mobile-Stepper-Widget(不能发布另一个链接,因为我是新的)不起作用使用当前版本的jQuery Mobile.

结果应该看起来像这个问题中的屏幕截图:有没有人实现jQuery Mobile Add(+/-)按钮数量增量器？jQuery Mobile中的水平分组按钮

任何想法或新的片段,使用当前版本的jQuery移动？

Answer 1

这是一个提示,其余的是纯粹的CSS工作和额外的JS代码来控制值,例如最大值,最小值等.

HTML

 <div data-role="controlgroup" data-type="horizontal" data-mini="true">
   <button id="plus" data-inline="true">+</button>
   <input type="text" id="number" value="0" disabled="disabled" />
   <button id="minus" data-inline="true">-</button>
 </div>

码

$('#plus').unbind('click').bind('click', function () {
    var value = $('#number').val();
    value++;
    $('#number').val(value);
});

$('#minus').unbind('click').bind('click', function () {
    var value = $('#number').val();
    value--;
    $('#number').val(value);
});

的jsfiddle