javascript - jquery noUiSlider multiply slider value

Question

Is it possible to get the value separately from each slider ? I have been working for several days now, and I'm about to be desperate. I hope that there is a kind soul who can help me.

Here is my code:

    <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

您需要为所有滑块创建一个唯一的类名，而不是使用“输出”。一种方法是使用计数器变量并为其输出后缀，以便获得唯一的名称。其他方法是在每个 DIV 上设置 au 唯一 ID，并为该 id 输出后缀。您可以在里面使用 $(this).attr("id") 来获取 id。另外，您不应该将 noUiSlider 也保留在 for 循环中吗？目前它在外面，所以我不确定你是否错过了它或者它是如何工作的。希望这可以帮助。