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

jquery-ui slider：将当前值传递给函数

2 个答案: