如何在纺丝箱(fuelux)中设置最小值

Question

我试图在fuelux的spinbox组件中设置最小值。

我执行以下代码：

$('.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...

有人能帮我吗？

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

Answer 1

我已经调试了核心插件并发现了正在发生的事情：

在燃料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"出现时，插件中有一个bug。

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

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

Answer 2

尝试在初始化时传递options对象中的值：

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