Ползунок JQuery, значение по умолчанию при загрузке

У меня есть один слайдер JQuery с 4-мя шагами, и его значения 0, 1, 3 и 3. Код предупреждения работает нормально, когда я скользлю. но моя проблема в том, что я хочу предупреждать значение ползунка по умолчанию "0" при загрузке страницы.

Итак, в приведенном ниже примере, когда страница загружается. страница должна предупреждать "0". который является значением слайдера по умолчанию и поместите его в else.

Вот мой код JQ и Fiddle здесь

$(function () {
    $("#slider").slider({
        value: 0,
        min: 0,
        max: 3,
        step: 1,
        orientation: "horizontal",
        range: "min",
        animate: true,
        slide: function (event, ui) {
            console.log(ui.value);
            if (ui.value == 0) {
                alert(ui.value);
            } else if (ui.value == 1) {
                alert(ui.value);
            } else if (ui.value == 2) {
                alert(ui.value);
            } else {
                alert(ui.value);
            }
        }
    });
});

javascript html jquery jquery-ui uislider
person Shivam Pandya    schedule 22.01.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Вы должны сделать что-то вроде этого:

 //TO DEFINE SLIDER AND EVENTS
 $('#slider').slider().bind('slidechange',function(event,ui){
 console.log(ui.value);
        if (ui.value == 0) {
            alert(ui.value);
        } else if (ui.value == 1) {
            alert(ui.value);
        } else if (ui.value == 2) {
            alert(ui.value);
        } else {
            alert(ui.value);
        }

 });

 //TO TRIGGER EVENT
 $('#slider').trigger('slidechange');
person Milind Anantwar    schedule 22.01.2014
comment
Не работает, я хочу, чтобы при загрузке страницы значение ползунка «0» предупреждало без слайда. - person Shivam Pandya; 22.01.2014

arrow_upward
0
arrow_downward

Когда страница загружается, функция слайда не запускается сразу. Почему бы просто не добавить одно предупреждение после создания слайдера? Это работает для меня в Fiddle:

$(function () {
    // Create slider
    $("#slider").slider({
        ... your code ...
    });

    // alert initial slider value
    alert($("#slider").slider('value'));
});
person ElliotSchmelliot    schedule 22.01.2014
comment
Не могли бы вы привести мне пример? - person Shivam Pandya; 22.01.2014