JQuery UI Slider - Assegnare un nome a valori

Question

Ho bisogno di assegnare i nomi ai valori di un cursore jQuery UI? - è questo possibile

Ecco il codice finora:

<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>

In sostanza voglio fare 1 apparire nel div #slider_style come la parola PLAY, 2 come la parola guarire e 3 come RELAX -? Chiunque può sottolineare come questo sia realizzabile

Answer 1

Si può semplicemente utilizzare un oggetto di ricerca per ottenere i valori:

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

E poi nella funzione slide impostare il valore di tale oggetto:

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

Che farà il #style_type ottenere PLAY, guarire o rilassarsi come il valore a seconda del dispositivo di scorrimento. E 'questo quello che volevi dire?