0

我有一个 jQuery UI 滑块，如果用户在输入元素中键入数字，则滑块会适当地移动。

$("#slider-range-min").slider({
            range: "min",
            value: 1,
            step: 1000,
            min: 0,
            max: 5000000,
            slide: function (event, ui) {
                $("input").val(ui.value);
            }
        });
        $("input").change(function (event) {
            var value1 = $("input").val();
            $("#slider-range-min").slider("option", "value", value1);
        });

但是我需要的是我希望滑块位于中间我第一次在文本框中输入的任何值然后如果我将滑块向右移动意味着我在文本框中的值必须增加而左侧它必须减少不设置这些最小值和最大值..

有什么建议吗？

编辑：我需要的是当我在文本框中输入 500 时，我的滑块必须自动移动到中心。如果我将滑块向右移动，则末端必须为 1000，左侧必须为 0，如果我输入 400，滑块必须移动自动居中，右端必须为 800，左端为 0

4

2 回答 2

2

那么，您需要基本上将滑块范围从 0 更改为文本框中输入的内容的两倍？我认为您可以使用滑块上的“选项”方法，例如：

 $("input").change(function (event) {
     var value1 = parseFloat($("input").val());
     var highVal = value1 * 2;
     $("#slider-range-min").slider("option", {"max": highVal, "value": value1});
 });

编辑：这是一个小提琴 - http://jsfiddle.net/cXYC4/

于 2012-02-27T11:11:59.840 回答
0

我不确定，但这可能有效：http: //flowplayer.org/tools/rangeinput/

于 2012-02-27T11:22:09.197 回答