2014-11-22 4 views
0

jquery-ui 슬라이더를 사용하고 있습니다. 내가 변경 사항이있을 때마다 함수에 슬라이더의 현재 값을 전달하고 싶습니다만, 어떻게해야할지 모르겠습니다.jquery-ui 슬라이더 : 현재 값을 함수에 전달

// jquery ui slider 
$(function() { 
$("#slider-range-max").slider({ 
    range: "max", 
    min: 1, 
    max: 100, 
    value: 2, 
    slide: function(event, ui) { 
    $("#amount").val(ui.value); 
    } 
}); 
$("#amount").val($("#slider-range-max").slider("value")); 

});

function skillLevel(){ 
// do something based upon slider value 
}; 

답변

0

나는 도서관의 잘 모르는 것 같아요,하지만 slide 슬라이더가의 값을 변경할 때마다 호출되는 것으로 보인다. 슬라이드 내에서이 같은 자신의 기능을 value에 액세스하고 호출 할 수 있습니다 :

slide : function(event, ui) { 
    skillLevel(ui.value); 
} 

또는 대안 :

slide : function(event, ui) { 
    skillLevel(value); 
} 
0

http://api.jqueryui.com/slider/#event-change

$("#slider-range-max").slider({ 
    range: "max", 
    min: 1, 
    max: 100, 
    value: 2, 
    slide: function(event, ui) { 
    $("#amount").val(ui.value); 
    }, 
    change: skillLevel 
}); 
$("#amount").val($("#slider-range-max").slider("value")); 

function skillLevel(){ 
// do something based upon slider value 

}; 

TEST

관련 문제