2015-01-16 2 views
0

나는 verticle kendo-ui 슬라이더 위젯의 상단을 정렬하려고합니다. max :, min을 설정하지 않으면 IE9 (FF34 작동)에서 정렬되지 않습니다. :, smallStep :, largeStep : 모두 동일합니다.검도 UI 세로 슬라이더 IE9에서의 세로 맞춤

참조 예 : jsfiddle

$(document).ready(function(){ 

    $(".eqSliderYr").kendoSlider({ 
     orientation: "vertical", 
     min: 2000, 
     max: 2015, 
     smallStep: 1, 
     largeStep: 5, 
     showButtons: true, 
     increaseButtonTitle: "+ Year", 
     decreaseButtonTitle: "- Year", 
    }); 

    $(".eqSliderMon").kendoSlider({ 
     orientation: "vertical", 
     min: 1, 
     max: 12, 
     smallStep: 1, 
     largeStep: 5, 
     showButtons: true, 
     increaseButtonTitle: "+ Month", 
     decreaseButtonTitle: "- Month", 
    }); 

...

// --------------------------------------------------------------- 
    // 2nd group of sliders. All have the same 
    // max:, min:, smallStep, and largeStep settings 
    // --------------------------------------------------------------- 
    $(".eq2SliderYr").kendoSlider({ 
     orientation: "vertical", 
     min: 1, 
     max: 91, 
     smallStep: 1, 
     largeStep: 20, 
     showButtons: true, 
     increaseButtonTitle: "+ Year", 
     decreaseButtonTitle: "- Year", 
    }); 

    $(".eq2SliderMon").kendoSlider({ 
     orientation: "vertical", 
     min: 1, 
     max: 91, 
     smallStep: 1, 
     largeStep: 20, 
     showButtons: true, 
     increaseButtonTitle: "+ Month", 
     decreaseButtonTitle: "- Month", 
    }); 
    //... 

}); 

답변

0

내가 IE11을 가지고 있지만 내가 생각 같은 버그를 가지고있다. 그냥 슬라이더이 CSS를 추가

vertical-align: top; 

업데이트 바이올린 : http://jsfiddle.net/rhL33xc3/1/

+0

감사 j4ro을. 이것은 IE9에서 작동했습니다. 나는 또한 eqSliderMs와 eq2SliderMs를 설정할 수 있었는데, max : 999는 59 대신에 가능했다. 90 이상의 숫자는 vert를 야기합니다. 슬라이더에 해시 표시가없고 IE9 및 FF35에서는 꼭대기가 정렬되지 않습니다. "vertical-align : top;으로"div.eqSliderYr, div.eqSliderMon, div.eqSliderDay, div.eqSliderHr, div.eqSliderMin, div.eqSliderSec, div.eqSliderMs, \t div.eq2SliderYr, div에 넣습니다. eq2SliderMon, div.eq2SliderDay, div.eq2SliderHr, div.eq2SliderMin, div.eq2SliderSec, div.eq2SliderMs { "문제가 해결되었습니다. – elbarto99se