jQuery 滑块和相应的输入字段

Question

基本上，事情是这样的：我有一堆动态生成的 jQuery 滑块，每个滑块都有一个相应的输入字段，用于检索使用滑块选择的值。这很好用。

脚本是这样的：

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

因此，当移动一个滑块时，其上方的输入元素就会更新。

我的挑战是这样的：标记是主要输入表单的一部分，我需要能够将数据填充到此表单中，并使滑块自行调整到正确的位置。理想情况下，这只需要添加 value="35" 来输入 a 例如。

实现这一目标的最简单方法是什么？

先感谢您！

最好的，乔纳斯

Answer 1

你只需要做类似的事情：

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

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