Использование jQuery UI Slider динамически? - PullRequest
Новая
       21

Использование jQuery UI Slider динамически?

1 голос
/ 27 февраля 2012

У меня есть ползунок 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);
        });

Но мне нужно, чтобы ползунок был посередине независимо от значенияя вхожу в текстовое поле в первый раз, а затем, если я перемещаю ползунок вправо, это означает, что мое значение в текстовом поле должно увеличиваться, а для левой стороны оно должно уменьшаться без установки этих минимальных и максимальных значений.

Anyпредложение?

РЕДАКТИРОВАТЬ: что мне нужно, когда я ввожу 500 в текстовое поле, мой ползунок должен перемещаться в центр автоматически ... если я перемещаю ползунок вправо, конец должен быть 1000, а для левой стороны он должен быть 0и если я ввожу 400, ползунок должен автоматически переместиться в центральное положение, а правая сторона должна быть 800, а левая сторона 0

.

Ответы [ 2 ]

3 голосов
/ 27 февраля 2012

Итак, что вам нужно, чтобы в основном изменить диапазон ползунка с 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/

0 голосов
/ 27 февраля 2012

Я не уверен, но это может сработать: http://flowplayer.org/tools/rangeinput/

...