jquery - Bootstrap 3 中的数字向上和向下(微调控件)

Question

我试图转换几个数字上下(数字微调器)控件，但我做不到。 JQuery UI Spinner 不是一个选项，因为我使用的是 bootstrap 3，而且我无法单独从 fuelx 部署微调器。

我找到了 2 或 3 个相似的，但它们是用于 bootstrap 2 的。

在与 CSS 斗争之后，我在这里找到了一个可以做到的人，我用他的答案做了一个 fiddle 手，但仍然不起作用。图片不显示。

我认为与我的 font awesome 版本有关:

<a href="javascript:;" class="spin-down" data-spin="down"><i class="fa fa-sort-down"></i>

但我不确定。任何提示都会被预测。

我的 fiddler 的最新版本: http://jsfiddle.net/Leandro1981/wt8CD/

相关问题:

Convert Bootstrap 2.3.2 & jQuery-Spinner to work with Bootstrap 3.*

Cross-browser Numeric Spinner / Stepper for Bootstrap

Cross-browser Numeric Spinner / Stepper for Bootstrap

Answer 1

javascript 部分的更好解决方案，因为给定的解决方案每页仅支持一个微调器。

$('.spinner .btn:first-of-type').on('click', function() {
    var spinner = $(this).parent().parent().find('input');
    spinner.val(parseInt(spinner.val(), 10) + 1);
});

$('.spinner .btn:last-of-type').on('click', function() {
    var spinner = $(this).parent().parent().find('input');
    spinner.val(parseInt(spinner.val(), 10) - 1);
});

可能的更新是添加最小、最大、滚动和键盘支持。