Question

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

我尝试更新TouchSpin max值中的一个设置，点击一些示例按钮。

您可以在此处尝试编辑示例：http://jsfiddle.net/g8M9g/

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

现在有人可以更新max option的值吗？

脚本：

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

我有updated the fiddle版本的新版本并对其进行了修改，以便现在更新点击的最大值。

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

1 个答案: