Question

我在我的网站中使用范围滑块。例如，滑块点/头在特定点跳跃。默认情况下，它设置为数字5，它可以跳转到数字4或6等。我想要这样一种方式，如果我选择一个数字然后我不能改回来或不能选择其他。这意味着我只想给出一个机会来选择一个数字。这是我用来显示滑块的代码。请帮助我或建议我使用此功能的插件。感谢

var sliderAmountMap2 = [1,2,3,4,5,6,7,8,9,10];

$(function() {
    $( "#slider2" ).slider({
        value: 4, //array index of onload selected default value on slider, for example, 45000 in same array will be selected as default on load
        min: 0, //the values will be from 0 to array length-1
        max: sliderAmountMap2.length-1, //the max length, slider will snap until this point in equal width increments



    });

});

这是HTML代码

*

<div class="the_slider2">
                    <div id="slider2"></div>



                </div>
                <div class="slider2_bottom_txt">
                    <table >
                        <tbody>
                            <tr>

                                <td >1</td>
                                <td>2</td>
                                <td >3</td>
                                <td >4</td>
                                <td >5</td>
                                <td >6</td>
                                <td >7</td>
                                <td >8</td>
                                <td >9</td>
                                <td >10</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

*

Answer 1

如果您希望用户从一开始就禁用滑块添加

 $("#slider2").slider({ disabled: true});

SEE DEMO HERE

否则，如果您希望用户只在禁用更改事件中的滑块

时选择它

change: function (event, ui) {
            $("#slider2").slider({
                disabled: true
            });

SEE DEMO HERE

在范围滑块中禁用相反方向

1 个答案: