2012-01-25 22 views
1

はここに住ん:http://jsfiddle.net/z3xV3/50/jQueryのスライダーの値がゼロでない

マイ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の値は、PR 1分です。スライダが0になった日ですか?

答えて

2

スライドイベント関数にスライダー値を取得するui.value用途:

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