jquery noUiSlider乘法滑块值

是否可以从每个滑块分别获取值？我已经工作了好几天了，而且我即将绝望。我希望有一个善良的灵魂能够帮助我。jquery noUiSlider乘法滑块值

这里是我的代码：

<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 
       } 
     }) 
    });

来源

2014-03-01 user3367127

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

来源

2014-03-01 05:05:40 TechMaze

非常感谢你，如果我使用了一个独特的班名，我看不出如何抓住他们，你能举个例子吗？ – user3367127

而不是.addClass（“输出”），你可以做类似.addClass（“output”+ ID_of_slider_div） – TechMaze

而不是关闭每个hefore noUiSlider在每个内部添加noUiSlider，然后你可以使用$（this）.attr（id）。您需要在每个滑块上设置唯一的ID。将tjis id追加为：“output”+ $（this）.attr（“id”） – TechMaze

jquery noUiSlider乘法滑块值

回答

相关问题