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>

基本上我想在#slider_style div中出现1作为单词PLAY，2作为单词HEAL和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作为值取决于滑块。这是你的意思吗？

Jquery UI Slider - 为值指定名称

1 个答案: