如何在 jquery ionrangeslider 的回调函数中获取滑块的名称？

Question

示例脚本：

<input type="text" class="js-range-slider" name="sliderNo1" />
<input type="text" class="js-range-slider" name="sliderNo2" />
<input type="text" class="js-range-slider" name="sliderNo3" />


$(".js-range-slider").ionRangeSlider({
    skin:"big",
    min:"0",
    max:"10", 
    placeholder:"none",
    hide_min_max:"true",

    onChange: function(data) {
      console.log('name of this active slider: ');
    }

});

我想在回调函数中读取活动滑块的名称。此时如何获取此属性？

Answer 1

使用 data.input[0].name 获取活动滑块名称，如下所示。

$(".js-range-slider").ionRangeSlider({
    skin:"big",
    min:"0",
    max:"10", 
    placeholder:"none",
    hide_min_max:"true",

    onChange: function(data) {   
      console.log('name of this active slider: ' + data.input[0].name);
    }

});

希望对你有所帮助