具有相同选项的多个滑块都在同一个功能中？

Question

我正在使用jQuery UI创建具有相同选项（调查）的6个滑块。

我想知道是否有办法将所有这些滑块组合成一个函数，但让它们单独可操作？

如果是的话，那会是这样的：

$('#slider').each(function() { 
    var $this = $(this).closest('#slider'); 

    $($this).slider(
    { 
     value: 100, 
     min: 0, 
     max: 100, 
     step: 25, 
     slide: function (event, ui) { 
      $('#amount').val('$' + ui.value); 
     } 
    }); 
    $('#amount').val($('#slider').slider("value")); 

我环顾四周，看看我能找到一些相关的问题，但我还是解决不了。现在，只有6个滑块中的第一个可见。

Answer 1

不知道是什么问题。这jsFiddle example显示它只是一个基本的设置。移动任何滑块都会在输入字段中显示该滑块的值。

jQuery的

$('.slider').slider({ 
    slide: function(event, ui) { 
     $('input:eq('+ $(this).index() +')').val(ui.value); 
    } 
});​ 

HTML

<div class="slider"></div> 
<div class="slider"></div> 
<div class="slider"></div> 
<div class="slider"></div> 
<div class="slider"></div> 
<div class="slider"></div> 
<input /><br /> 
<input /><br /> 
<input /><br /> 
<input /><br /> 
<input /><br /> 
<input />​ 

编辑：更新的代码，以反映意见。