jQuery UI 슬라이더 - 값에 이름을 할당합니다

StackOverflow https://stackoverflow.com/questions/1910670

  •  19-09-2019
  •  | 
  •  

문제

jQuery UI 슬라이더의 값에 이름을 할당해야합니다. 이것이 가능합니까?

지금까지 코드는 다음과 같습니다.

<script type="text/javascript">
    $(function() {
        $("#slider_style").slider({
            value:2,
            min: 1,
            max: 3,
            step: 1,
            slide: function(event, ui) {
                $("#style_type").val( ui.value );
            }
        });
        $("#style_type").val( $("#slider_style").slider("value") ); 
    });
</script>

기본적으로 나는 1에 1 개의 나타나고 싶다 #slider_style 단어 연주로, 2는 단어가 치유되고 3은 긴장을 풀기 - 누구든지 이것이 어떻게 달성 할 수 있는지 지적 할 수 있습니까?

도움이 되었습니까?

해결책

조회 객체를 사용하여 값을 얻을 수 있습니다.

var lookup = {
    1: 'PLAY',
    2: 'HEAL',
    3: 'RELAX'
}

그리고 당신의 slide 함수 해당 객체에서 값을 설정합니다.

...
slide: function(event, ui) {
    $('#style_type').val(lookup[ui.value]);
}

그것은 그것을 만들 것입니다 #style_type 슬라이더에 따라 게임, 치유 또는 휴식을 취하십시오. 이것이 당신이 의미하는 바입니까?

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top