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와 u 접미사에 u 고유 ID를 설정하여 출력합니다. ID를 얻기 위해 $ (this) .attr ("id")를 사용할 수 있습니다. 또한 noUiSlider도 for 루프 안에 보관하지 않으시겠습니까? 현재는 바깥에있어 당신이 그걸 놓쳤다면 잘 모르겠다. 희망이 도움이됩니다.