Jquery Bootstrap TouchSpin插件和一个选项的更新/重置

Question

所以我发现了一个很棒的jquery插件,它适合于调用Bootstrap 3 TouchSpin.它在输入的每一侧添加一个 - 和+符号,您可以使用两个按钮控制该输入内的数字.

我试图更新其中一个设置TouchSpin,max值,点击一些示例按钮.

您可以在这里尝试编辑示例:http://jsfiddle.net/g8M9g/

我在所有内容之前添加了一个变量,我尝试在点击按钮上更改该变量.输入中的值更改但最大选项保持旧值.

现在有人怎么可能更新max选项的值？

脚本:

var maxLL = 100;

$( ".update" ).on("click",function(){
    maxLL = 90;
    $( ".ex_limit" ).val(maxLL - 1);

});

$( ".ex_limit" ).TouchSpin({
    min: 1,
    max: maxLL,
    mousewheel: true,
    stepinterval: 50,
    maxboostedstep: 10000000,
});

HTML:

<div class="container">
<input id="ex_limit" name="ex_limit" type="text" class="ex_limit form-control" value="99"/>
    <br/>
    <br/>
    <button class="update btn btn-primary btn-xs">Update</button>
</div>

欢迎提出任何建议或意见

Answer 1

有一个新版本的插件,您可以使用以下代码更新设置:

$("input").trigger("touchspin.updatesettings", {max: 1000});

我已经用新版本更新了小提琴并对其进行了修改,因此它现在更新了点击的最大值.