JQuery UI два ползунка на той же странице

У меня есть два слайдера jquery ui на одной странице с разными диапазонами значений, но когда я меняю один, другой изменяется также, даже если у них разные переменные, я бы хотел, чтобы они не влиять друг на друга, поэтому, когда я сделать одно значение ползунки больше или меньше, другой слайдер не изменитJQuery UI два ползунка на той же странице

var sliderTooltipAge = function(event, ui) { 
    var curValue = ui.value || initialValueAge; 
    var tooltip_age = '<div class="tooltip"><div class="tooltip-inner">' + curValue + '</div><div class="tooltip-arrow"></div></div>'; 

    $('.ui-slider-handle').html(tooltip_age); 

} 
    $("#slider-range-min").slider({ 
     range: "min", 
     step: 1, 
     value: 25, 
     min: 18, 
     max: 65, 
     create: sliderTooltipAge, 
     slide: sliderTooltipAge, 

    }); 

}; 


function slider_sum() { 
     var initialValue = 20000; 

var sliderTooltip_sum = function(event, ui) { 
    var curValue2 = ui.value || initialValue; 
    var tooltip_sum = '<div class="tooltip"><div class="tooltip-inner">' + curValue2 + '</div><div class="tooltip-arrow"></div></div>'; 

    $('.ui-slider-handle').html(tooltip_sum); 

} 
    $("#slider-range-loan").slider({ 

    value: initialValue, 
    min: 20000, 
    max: 1000000, 
    step: 1000, 
    create: sliderTooltip_sum, 
    slide: sliderTooltip_sum 
    }); 
    };

HTML

<div id="slider-range-loan"></div> 
    <div id="slider-range-min"></div>

источник

2014-11-16 Riff

Надеюсь, что это поможет http://stackoverflow.com/questions/16680870/all-my-jquery-ui-single-sliders-get-the-same-value?rq=1 .. но, пожалуйста, сделайте больше прежде чем задавать свой вопрос ... вы найдете свой ответ где-то в stackoverflow. Удачи –

Проблема в том, что мой слайдер использует разные минимальные значения max – Riff

измените первый и второй $ (». щ-слайдер . -Handle ') HTML (tooltip_age);

$ ('# слайдер-диапазона мин .ui-слайдер-ручка') HTML (tooltip_age).

$ ('# слайдер диапазона кредита .ui-слайдер-ручка') HTML (tooltip_sum).

соответственно.

Это то, что вы ожидаете?

источник

2014-11-16 19:06:21 gothical

JQuery UI два ползунка на той же странице

ответ

Смежные вопросы