JQuery와 슬라이더 값은 코드를 볼 수 있습니다

Question

제로는 여기 살지 : http://jsfiddle.net/z3xV3/50/

내 HTML :

<div id="slider"></div> 
<input id="sliderValue" /> 
<div id="boksTimer"></div> 

내 JQUERY :

$(document).ready(function() { 

$("#slider").slider({value:'',min: 0,max: 150,step: 0.5, range: 'min', 
    slide: function(event, ui) { 
     $("#amount").html(ui.value + ' timer'); 
     $('#sliderValue').val(ui.value); 
    } 
}); 

    var thumb = $($('#slider').children('.ui-slider-handle')); 
    setLabelPosition();  

    $('#slider').bind('slide', function() {   
     $('#boksTimer').html(((($('#slider').slider('value'))/31) * 60).toFixed(0) + 'min pr. dag'); 
     setLabelPosition(); 
    }); 

     function setLabelPosition() { 
     var label = $('#boksTimer'); 
     label.css('top', '20px'); 
     label.css('left', thumb.offset().left - (label.width() - thumb.width())/ 2);   
    } 

}); 

가 왜 boksTimer 1 분 홍보의 값입니다 . 슬라이더가 0 일 때?

Answer 1

사용 ui.value 슬라이드 이벤트 기능에 슬라이더 값을 얻을 수 있습니다 :

$('#slider').bind('slide', function (event, ui) { 
    $('#boksTimer').html((((ui.value)/31) * 60).toFixed(0) + 'min pr. dag'); 
    setLabelPosition(); 
});