jquery – Bootstrap 3中的数字向上和向下(Spinner控件)

我试图转换几个数字上下(数字微调)控件,但我不能. JQuery UI Spinner不是一个选项,因为我使用的是bootstrap 3,我无法从fuelx独立部署spinner.

我找到了2或3个类似但是它们用于bootstrap 2.

在与CSS战斗之后,我在这里发现了一些可能的人,我用他的答案做了一个小提琴手,但是stil不起作用.图像没有显示.

我认为与我的字体版本相关的一些很棒：

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

但我不确定.任何提示都将被预先确定.

我的小提琴手的最后版本：
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

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);
});

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