Nouisliders에서 총 금액 계산

Question

나는 슬라이드 할 때 두 개의 noUiSliders가 자동으로 업데이트되고 합계에 표시되기를 원합니다.

첫 번째 슬라이더의 값에 두 번째 슬라이더의 값을 곱한 다음 다시 110을 곱합니다. 결과는 span sum에 표시됩니다. 다음과 같이

<h2>Antall selgere <span id="selgere"></span></h2> 
    <div class="slide_selgere"></div> 

    <h2>Antall pakker <span id="pakker"></span></h2> 
    <div class="slide_pakker"></div> 

    Sum: <span id="sum"></span> 

내 스크립트입니다 :

var sliders = $('.slider'), sum = $('#sum'); 

sliders.Link().to(function(value){ 
    // Use .not() to filter the sliders, finding the one that *didn't* change. 
    var total = Number(value) + Number(sliders.not($(this)).val()); 
    sum.html(total); 
}); 

라이브 예를 here를 참조하십시오

$(".slide_selgere").noUiSlider({ 
    start: [ 5 ], 
    step: 1, 
    format: wNumb({ 
     decimals: 0 
    }), 
    range: { 
     'min': [ 1 ], 
     'max': [ 10 ] 
    } 
}); 

$(".slide_selgere").Link('lower').to($('#selgere')); 

$(".slide_pakker").noUiSlider({ 
    start: [ 15 ], 
    step: 1, 
    format: wNumb({ 
     decimals: 0 
    }), 
    range: { 
     'min': [ 1 ], 
     'max': [ 100 ] 
    } 

}); 

$(".slide_pakker").Link('lower').to($('#pakker')); 

Answer 1

다른 .Link() 모두 에 슬라이더를 사용합니다.