javascript - Jquery slider 值不为零

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的值是1min pr。 slider 位于 0 的那一天？

Answer 1

使用 ui.value 获取滑动事件函数上的 slider 值:

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