如何在spinbox（fuelux）中设置最小值

Question

我正在尝试在 fuelux 的旋转框组件中设置最小值。

我执行这段代码：

$('.spinbox').spinbox('min', 1);

但是 Firefox 在 (fuelux.min.js) 中给我这个错误：

TypeError: g[b] is undefined
..."fu.spinbox",g=new c(this,h)),"string"==typeof b&&(d=g[b].apply(g,e))});return v...

谁能帮帮我？

spinbox 代码：http://getfuelux.com/javascript.html#spinbox-examples

Answer 1

尝试在初始化时传递选项对象内部的值：

 $('.spinbox').spinbox({
    value: '1,0px',
    min: 1,
    max: 10,
    step: 0.1,
    decimalMark: ',',
    units: ['px']
 });

Answer 2

我调试了核心插件并发现发生了什么：

在fuel ux的演示页面中，指南提供了这个代码：

<div class="spinbox" data-initialize="spinbox" id="mySpinbox">
      <input type="text" class="form-control input-mini spinbox-input">
      <div class="spinbox-buttons btn-group btn-group-vertical">
        <button type="button" class="btn btn-default spinbox-up btn-xs">
          <span class="glyphicon glyphicon-chevron-up"></span><span class="sr-only">Increase</span>
        </button>
        <button type="button" class="btn btn-default spinbox-down btn-xs">
          <span class="glyphicon glyphicon-chevron-down"></span><span class="sr-only">Decrease</span>
        </button>
      </div>
    </div>

但是当 data-initialize="spinbox" 存在时插件中有一个错误。

所以使用上面的 html 代码而不使用 data-initialize="spinbox" 并使用您喜欢的选项初始化组件，如下所示：

$('#mySpinbox').spinbox({
  'value': 1,
  'min' : 1
});

如何在spinbox（fuelux）中设置最小值

how to set minimum value in spinbox (fuelux)

jquery

twitter-bootstrap

fuelux