【问题标题】:How do I get the name of the slider in the callback function of the jquery ionrangeslider?jquery ionrangeslider的回调函数中如何获取滑块的名称?
【发布时间】:2020-05-23 13:47:16
【问题描述】:

示例脚本:

<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: ');
    }

});

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

【问题讨论】:

    标签: javascript jquery slider jquery-ui-slider ion-range-slider


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

    希望对你有帮助。

    【讨论】:

    • 非常感谢您。如何从滑块中获取 (.js-range-slider) 类的关联索引?这也将是很好的发现。我在各个方面也需要它。
    • 如果你想获得活跃的.js-range-slider,你可以使用像$(".js-range-slider[name='"+data.input[0].name+"']")这样的属性选择器来获得它。是你想要的吗?
    • 我正在寻找的正是那个:var obj = $ (". js-range-slider [name = '" + data.input [0] .name + "']");        console.log ($ ( '. js-range slider') index (obj).); 非常感谢您的努力。
    • 不客气。如果对您有用,请将我的答案标记为已解决。谢谢你:)
    猜你喜欢
    • 2014-12-25
    • 1970-01-01
    • 2011-09-09
    • 1970-01-01
    • 2014-12-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多