Jquery UI Slider - Присвоение имени значениям - PullRequest
Новая
       11

Jquery UI Slider - Присвоение имени значениям

0 голосов
/ 16 декабря 2009

Мне нужно присвоить имена значениям ползунка пользовательского интерфейса Jquery & ndash; это возможно?

Вот код на данный момент: 

<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 в #slider_style отображался как слово PLAY, 2 - как слово HEAL, а 3 - как RELAX & ndash; Кто-нибудь может указать, как это достижимо?

1 Ответ

1 голос
/ 16 декабря 2009

Вы можете просто использовать объект поиска, чтобы получить значения: 

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

А затем в вашей функции slide установите значение этого объекта: 

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

Это сделает #style_type get PLAY, HEAL или RELAX как значение в зависимости от ползунка. Это то, что вы имели в виду?

...