문자열 값이있는 uu 슬라이더를 Jquery 하시겠습니까?

Question

저는 jQuery UI slider으로 일하고 있습니다. 여기

내가 사용하고있는 코드입니다 :

$(function() { 
     $("#slider").slider({ 
      value:1, 
      min: 0, 
      max: 5, 
      step: 1, 
      slide: function(event, ui) { 
       $("#amount").val("$" + ui.value); 
      } 
     }); 
     $("#amount").val("$" + $("#slider").slider("value")); 
    }); 

가 5 단계로 될 것이며 내가 대신 숫자의 각 단계에서 문자열을 보여주고 싶습니다

1=very sad 
2=sad 
3=not so sad 
4=happy 
5=very happy 

어떻게을 나는 이것을한다 ?

Answer 1

당신은 그 배열로 인덱스로 슬라이더의 값을 사용하여 배열에서 단계 레이블을 넣을 수 있습니다 :

var steps = [ 
    "very sad", 
    "sad", 
    "not so sad", 
    "happy", 
    "very happy" 
]; 

$(function() { 
    $("#slider").slider({ 
     value: 1, 
     min: 0, 
     max: 4, 
     step: 1, 
     slide: function(event, ui) { 
      $("#amount").val(steps[ui.value]); 
     } 
    }); 
    $("#amount").val(steps[$("#slider").slider("value")]); 
});