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

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