Jquery UI 두 슬라이더가 같은 페이지에 있습니다.

다른 값 범위를 가진 동일한 페이지에 두 개의 jquery UI 슬라이더가 있습니다. 그러나 하나를 변경하면 다른 변수도 변경됩니다. 내가 하나 개의 슬라이더 값이 크거나 작게 만들 그렇게 할 때, 서로 영향을 미치는 다른 슬라이더 ('. 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 어딘가에 답을 찾을 수 있습니다 .. 행운을 빌어 요 –

문제는, 내 슬라이더가 다른 최대 최대 값을 사용하는 것입니다 – Riff

변경을 제 1 및 제 2 $를 변경하지 것이다 -handle ') .html (tooltip_age);

에

$ ('# 슬라이더 범위 분 .ui 슬라이더 핸들') HTML (tooltip_age).;

및

$ ('# 슬라이더 범위 대출 .ui-슬라이더 핸들') HTML (tooltip_sum).;

입니다.

당신이 기대하는 바가 있습니까?

출처

2014-11-16 19:06:21 gothical

Jquery UI 두 슬라이더가 같은 페이지에 있습니다.

답변

관련 문제