несколько ползунков с одинаковыми параметрами в одной функции?

Question

Я использую пользовательский интерфейс jQuery для создания 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 показывает, что это просто базовая настройка.перемещение любого ползунка показывает значение этого ползунка в поле ввода.

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 />​

Редактировать: обновлен код для отражения комментария.