2013-12-02 4 views
2

Итак, я нашел потрясающий плагин jquery, который подходит с Bootstrap 3 под названием TouchSpin. Он добавляет знаки «-» и «+» на каждой стороне входа, и вы можете управлять числом внутри этого входа двумя кнопками.JQuery Bootstrap TouchSpin плагин и обновление/сброс одной опции

Я попытался обновить одну из настроек в TouchSpin, значение max, нажав на кнопку примера.

Вы можете попытаться изменить пример здесь: http://jsfiddle.net/g8M9g/

Я добавил переменную перед всем, и я пытаюсь изменить эту переменную по нажатию на кнопку. Значение ввода изменяется, но параметр max остается прежним.

Кто-нибудь может теперь обновить значение для опции 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> 

любое предложение или совет приветствовать

ответ

6

Существует новая версия плагина, в котором вы можете обновить настройки с следующий код:

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

У меня есть updated the fiddle с новой версией и изменен, так что теперь он обновляет максимальное значение при нажатии.

Смежные вопросы