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”。一种方法是使用计数器变量和后缀来输出，以便获得唯一的名称。其他方法是在每个DIV上设置一个唯一ID，并输出id的后缀。您可以在里面使用$（this）.attr（“id”）来获取id。你也不应该在for循环中保留noUiSlider吗？目前它在外面，所以我不确定你是否错过了它或它是如何工作的。希望这可以帮助。

jquery noUiSlider乘以滑块值

1 个答案: