jquery-ui слайдер: передача текущего значения функции

Question

Я использую слайдер 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 
}; 

Answer 1

Я не знаю библиотеки, но мне кажется, что slide называется каждый раз, когда ползунок изменяет его значение. В слайде вы можете получить доступ к value и вызвать собственную функцию, как это:

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

или в качестве альтернативы:

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

Answer 2

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