Использование jquery UI Range Slider, получение значения - PullRequest
Новая
       27

Использование jquery UI Range Slider, получение значения

3 голосов
/ 14 июня 2011

Я использую ползунок Jquery UI, чтобы позволить пользователю увеличивать / уменьшать диапазон выделения, мне нужно знать (в соответствии с исходным значением ползунка), хочет ли пользователь увеличивать или уменьшать.

Вот моя функция, я не уверен, куда поместить код для извлечения исходного значения до его изменения.Кто-нибудь может мне с этим помочь?

Любая помощь / предложения приветствуются! 

function createRangeSliderOutOfIframe(kinorid) {
    $("#slider-range" + kinorid).slider({
        animate: true,
        step: 1,
        min: 1,
        max: 6,
        value: 1,

        slide: function (event, ui) {

        },
        change: function (event, ui) {
            if (ui.value >= 1) {

                var add = '<span class="kSelectedA">Link</span>';

                $("#myFrame").contents().find('*').each(function () {
                    if ($(this).attr('kinorid') == kinorid) {
                        if (count == 0) {
                            $(result).parent().before(add);
                            count += 1;
                        }  
                        else if (count <= 6 && count != 0) {
                            result = $(this).parent();
                            for (i = 0; i < count; i++) {
                                result = $(result).parent();
                                //test += 1;
                            }
                            $(result).parent().before(add);
                            count += 1;

                            $('#trackingInfo').append('<br/>The range of the selection Increased<br/>The new range is now a' + $(result).parent().get(0).nodeName + 'node');
                            //alert(count);
                        }

                    }
                });

            }

        }
    });
    //$("#amount"+kinorid).val("$" + $("#slider-range" + kinorid).slider("value"));
    var value = $("#slider-range" + kinorid).slider("option", "value");
    alert(value);
}

Спасибо

1 Ответ

8 голосов
/ 14 июня 2011

Как правило, вы можете определить начальное значение ползунка, нажав на событие start: 

$("#selector").slider({ start: function(event, ui) { ... });

Объедините это с change или stopсобытие, и вы можете определить, увеличил ли пользователь значение ползунка или уменьшил его: 

var start = 0;
$("#slider").slider({
    start: function(event, ui) {
        // ui.value is the starting value
        start = ui.value;
    },
    stop: function(event, ui) {
        // now ui.value is the value the user set after stopping the sliding.
        $("#delta").text(ui.value > start ? "increasing" : "decreasing");
    }
});

Вот рабочий пример, который определяет, увеличилось или уменьшилось значение ползунка.Надеюсь, это то, что вы ищете: http://jsfiddle.net/andrewwhitaker/rwKsh/

...