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); 
} 

或者：

​​

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