jQueryのUIスライダー - の値に名前を割り当てます

Question

私は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がHEAL単語として単語PLAY、2として#slider_style divの中に表示されるようにしたいと3などRELAX - ？これが達成可能であるか、誰もが指摘することができます。

Answer 1

あなただけの値を取得するために、ルックアップオブジェクトを使用することができます：

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

そして、あなたのslide機能で、そのオブジェクトの値を設定します：

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

、#style_typeはPLAYをプレゼントHEALまたはスライダーに応じた値としてRELAXということ。これは、あなたが何を意味するか？