2011-12-14 2 views
0

사용자가 24 시간을 선택할 수 있도록 JQuery UI 슬라이더를 사용하려고합니다.JQuery UI 시간 슬라이더에 어떤 종류의 mousedown 오류가 발생했습니다.

나는 질문에서이 코드를 사용하고 있습니다 : JQuery UI Slider for time

$(function() { 
$(".slider_start_time").slider({ 
    range: true, 
    min: 0, 
    max: 1440, 
    step: 15, 
    slide: function(e, ui) { 
     var hours = Math.floor(ui.value/60); 
     var minutes = ui.value - (hours * 60); 

     if(hours.length == 1) hours = '0' + hours; 
     if(minutes.length == 1) minutes = '0' + minutes; 

     $('#start_time_text').val(hours+':'+minutes); 
    } 
}); 
}); 

을하지만 오류가 발생합니다 : B가 null ???

슬라이더를 드래그하려고 할 때 mousedown 오류가 발생합니다.

도움이 될 것입니다. 감사!

+0

파이어 폭스에서 b가 null 오류가 발생합니다. Chrome이 Uncaught TypeError를 제공합니다. null의 속성 'left'을 읽을 수 없습니다. – kmb64

답변

1

"b"에 오류가 없습니다. 다음은 바이올린입니다. http://jsfiddle.net/IrvinDominin/RYx54/. 더 많은 코드를 제공 할 수 있습니까?

어떤 종류의 슬라이더를 사용해야합니까? 범위와

http://jqueryui.com/demos/slider/#range

Range 

는 두 개의 드래그 핸들과 값의 범위를 캡처 할 수 있습니다. 핸들 사이의 공간은 다른 배경색으로 채워져 해당 값이 선택되었음을 나타냅니다. 사용자는 단지 최소을 선택할 수 있도록

http://jqueryui.com/demos/slider/#rangemax

Max 

는 범위 슬라이더의 최대 값을 수정. 범위 옵션을 "최대"로 설정하십시오.

편집 :

두 가지 옵션이 서로 다른 설치 및 사용이가 : http://jsfiddle.net/IrvinDominin/RYx54/1/는 올바른 선택은 사용자의 요구에 따라 달라집니다.

+0

범위 옵션을 꺼 냈고 완벽하게 작동하기 시작했습니다. 왜 그런지!! 나는 또한 시간 대신에 hours.toString(). length를 사용했다. 길이가 – kmb64

+0

이면, "max"에서 true로 범위 값을 변경하면 내가 얻은 오류를 볼 수있다. 왜 그것이 그 오류를 일으키는 지 아십니까? – kmb64

+0

range true는 다른 용도 (값이 배열이 됨)로 설정되어 있으므로이 피들을 살펴보십시오 http://jsfiddle.net/IrvinDominin/RYx54/1/; 그것은 당신의 필요에 달려 있습니다. –

관련 문제