jquery-ui 滑块：将当前值传递给函数答案

【问题标题】：jquery-ui slider: passing current value to a functionjquery-ui 滑块：将当前值传递给函数
【发布时间】：2014-11-22 04:02:02
【问题描述】：

我正在使用 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
};

【问题讨论】：

标签： javascript jquery jquery-ui jquery-ui-slider

【解决方案1】：

我不知道该库，但似乎每次滑块更改其值时都会调用slide。在幻灯片中，您可以访问 value 并像这样调用您自己的函数：

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

或者：

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

【讨论】：

【解决方案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

【讨论】：