Ползунок jQuery UI мин / макс значения

Question

Привет, ребята, у меня есть один простой вопрос. Могу ли я поместить текст мин / макс значения для jquery пользовательского интерфейса слайдера и при прокрутке, чтобы появиться цифры? Здесь - пример, левый ползунок для максимального значения не имеет «предела», и при его прокрутке появляются цифры.

Answer 1

Да, мы можем установить мин-макс

$("#slider").slider({
    range: "max",
    min: 0, // min value
    max: 200, // max value
    step: 0.1,
    value: 200, // default value of slider
    slide: function(event, ui) {
        $("#amount").val(ui.value);
    }
});​

Answer 2

Вы ищете ползунок диапазона.Надеюсь, демоверсия Range Slider поможет.Минимальные и максимальные значения могут быть установлены при инициализации ползунка.

Отредактировано Извините за неправильное понимание вопроса.Если вы посмотрите на исходный код demo , вы увидите небольшой скрипт, который изменяет значения элемента '#amount' при изменении значений ползунка

Вот этот скрипт:

slide: function( event, ui ) {
            $( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
        }

Вы можете изменить это для отображения значений символов.

slide: function( event, ui ) {
            if (ui.values[0] == <min_value>) {
                 $( "#amount" ).val( "Min Limit" + " - $" + ui.values[ 1 ] );
            }
        }

Вы можете изменить этот скрипт в соответствии со своими требованиями

Примечание: У меня естьне проверял это.

Answer 3

Сначала уничтожьте ползунок, который полностью удаляет функциональность ползунка.Это вернет элемент в его состояние до инициализации.

$("#selector").slider("destroy");

После этого вы можете добавить новые значения в ползунок как,

$("#selector").slider({
range: "max",
min: 0, // min value
max: 200, // max value
step: 0.1,
value: 200, // default value of slider
slide: function(event, ui) {
    $("#amount").val(ui.value);
}

});

Это работает.