0

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>

#slider_style基本的に、1を言葉遊びとして、2を言葉遊びとして、3をリラックスとしてdivに表示させたいのですが、これがどのように達成できるかを誰かが指摘できますか？

4

1 に答える 1

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が取得されます。これはあなたが意味したことですか？

于 2009-12-15T22:01:54.623 に答える