Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/375.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery滑块值不为零_Javascript_Jquery - Fatal编程技术网

Javascript Jquery滑块值不为零

Javascript Jquery滑块值不为零,javascript,jquery,Javascript,Jquery,您可以在此处看到代码直播: 我的HTML: <div id="slider"></div> <input id="sliderValue" /> <div id="boksTimer"></div> 为什么滑块为0时boksTimer的值为1min pr.day 使用ui.value在幻灯片事件函数上获取滑块值: $('#slider').bind('slide',函数(事件,用户界面){ $(#boksTimer').html(((

您可以在此处看到代码直播:

我的HTML:

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

为什么滑块为0时boksTimer的值为1min pr.day

使用ui.value在幻灯片事件函数上获取滑块值:

$('#slider').bind('slide',函数(事件,用户界面){
$(#boksTimer').html(((ui.value)/31)*60.toFixed(0)+“minpr.dag”);
setLabelPosition();
});
$(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);        
    }

});