jQuery noUiSlider умножить значение ползунка

Question

Можно ли получить значение отдельно от каждого слайдера? Я работаю уже несколько дней, и я уже в отчаянии. Я надеюсь, что есть добрая душа, которая может мне помочь.

Вот мой код:

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

<script>
    $(function(){
        $('.slider').each(function () {
            $("<span>")
                .addClass("output")
                .insertAfter($(this));
            }).noUiSlider({
                 range: [0,30]
                ,start: 15
                ,handles: 1
                ,step: 1
                ,connect: 'lower'
                ,serialization: {
                    to: [$('.output'), "html"], 
                    resolution: 1 
                }
        })
    });

Answer 1

Вам нужно создать уникальное имя класса вместо использования "output" для всех ползунков. Одним из способов может быть использование переменной счетчика и суффикса для вывода, чтобы вы получили уникальное имя. Другой подход заключается в установке уникального идентификатора au для каждого DIV и суффикса, который идентифицирует идентификатор для вывода. Вы можете использовать $(this).attr("id") внутри, чтобы получить идентификатор. Кроме того, вы не должны держать noUiSlider также внутри цикла for? В настоящее время он снаружи, поэтому я не уверен, что вы пропустили это или вот как это работает. Надеюсь это поможет.