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

};

測試