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