2012-01-25 69 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 1分鐘PR值。當滑塊在0時?

回答

2

使用ui.value到幻燈片事件功能得到滑塊值:

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