Ползунки jQuery и соответствующие поля ввода

Question

По сути, это сделка: у меня есть динамически сгенерированная связка jQuery Sliders, каждое из которых имеет соответствующее поле ввода, которое извлекает значение, выбранное с помощью ползунка.Это прекрасно работает.

Сценарий таков:

$(function(){
    $('.nuisance_slider').slider({
        value: 50,
        slide: function( event, ui ) {
            $(this).prev('.nuisance_value').val( ui.value );
        }
    });
    $('.nuisance_value').val( $('.nuisance_slider').slider('value') );
});

И разметка это:

<input type='hidden' class='nuisance_value' name='a' />
<div class='nuisance_slider'></div>

<input type='hidden' class='nuisance_value' name='b' />
<div class='nuisance_slider'></div>

Итак, когда один ползунок перемещается, элемент ввода простовыше он обновляется.

Моя задача заключается в следующем: разметка является частью основной формы ввода, и мне нужно иметь возможность заполнять данные в этой форме, и чтобы ползунки настраивали себя на правильные позиции.В идеале для этого нужно просто добавить значение = "35" для ввода, например.

Какой самый простой способ сделать это?

Заранее спасибо!

Лучший,Jonas

Answer 1

Вы бы просто сделали что-то вроде:

//set the input value to 75
$('input[name="a"]').val('75');

//set the slider value
$(".nuisance_slider").slider( "option", "value", 75 );