jQuery-UI 슬라이더를 숫자가 아닌 값과 함께 사용하려면 어떻게해야합니까?

Question

나는 API 문서를 읽고 그리고 모든 숫자를 의미

http://api.jqueryui.com/slider/

는 예를 들어, 슬라이더 비 수치 1월 할 수 있나요 - 12 월 나는/어떤 사례가이 일에 대해 어떻게 갈 것 ?

Answer 1

jsfiddle 여기를 참조하십시오.

$(function() { 
    var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']; 
    $('#slider').slider({ 
     min: 0, 
     max: 11, 
     step: 1, 
     create: function (event, ui) { 
      $('#selectedMonth').text(months[0]); 
     }, 
     slide: function (event, ui) { 
      $('#selectedMonth').text(months[ui.value]); 
     } 
    }); 
}); 

월에 대한 예를 들어 보면 배열을 쉽게 만들 수 있습니다. slide 이벤트를 사용하면 쉽게 ui.value 값을 사용하여 배열 요소를 선택할 수 있습니다. 아무런 선택도 허용하지 않으려면 (12) max 옵션을 사용하고 11로 설정하십시오.

방금 ​​create 이벤트를 추가했습니다. 사용자가 처음으로 슬라이더를 사용하기 한 달 전에 selectedMonth 범위를 채 웁니다.

완성도를 들어

해당 문서 참조 :

• min
• max
• step
• create
• slide