同じオプションの複数のスライダがすべて1つの機能に含まれていますか？

Question

jQuery UIを使用して、同じオプション（調査）で6つのスライダを作成しています。

これらのスライダーをすべて1つの機能に統合する方法はありますか？

もしそうなら、それはこのようなものになるだろう：

$('#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 />​ 

編集：コメントを反映するために更新されたコード。