如何获得 Bootstrap 滑块的最小值和最大值？答案

【问题标题】：How do i get Min and Max value of Bootstrap slider?如何获得 Bootstrap 滑块的最小值和最大值？
【发布时间】：2015-09-10 05:23:49
【问题描述】：

我的剃须刀中有以下滑块

<input id="rbSlider" type="text" class="span2" value="" data-slider-min="0" data-slider-max="1000" data-slider-step="5" data-slider-value="[0,1000]" />

点击时，我需要获取其当前的最小值和最大值。

我尝试使用跟随但没有运气，

    var min = $('#rbSlider').data('slider').min;
    var max = $('#rbSlider').data('slider').max;

它返回未定义的错误，我如何获得最小值和最大值？

【问题讨论】：

标签： javascript asp.net-mvc twitter-bootstrap

【解决方案1】：

你离得很近。尝试这个。

var min = $('#rbSlider').data('slider-min');
var max = $('#rbSlider').data('slider-max');

【讨论】：

谢谢，就是这样:)
嘿，我又回来了，原因是它现在不工作了。滑块未返回正确的最小值和最大值。它总是返回 data-slider-min="0" data-slider-max="1000" 值。它之前工作正常
这个解决方案返回当前值，你需要检查当前值是否改变，因此它会给出结果。
我检查了这个，但它只从 data-slider-min="0" data-slider-max="1000" 返回 0 和 1000，而不是当前选择的值。我正在做的是当幻灯片发生变化时，我调用一个脚本函数来获取这个 $('#rbSlider') 的值。但值无非是最小值 0 和最大值 1000
min 和 maxvalue 我认为始终是静态的，您需要当前值吗？

【解决方案2】：

你几乎拥有它。属性data-slider-min="0" data-slider-max="1000" 可以这样访问：

var min = $('#rbSlider').data('sliderMin');
var max = $('#rbSlider').data('sliderMax');

请注意，我已删除 - 并使用 CamelCase。看一下API，你会看到jQuery采用$( "div" ).data( "lastValue" ) === 43;：

... 在元素的属性中进行搜索，将驼峰式大小写的字符串转换为虚线字符串，然后在结果前面加上 data-。因此，字符串 lastValue 被转换为 data-last-value。

为了保持一致性，请使用驼色套管（请注意for this）

【讨论】：

谢谢，就是这样:)
@jc uenod，嘿，我又回来了，原因是它现在不工作了。滑块未返回正确的最小值和最大值。它总是返回 data-slider-min="0" data-slider-max="1000" 值。它以前工作得很好。
@NithinPaul 如果它以前工作过，那么这不是这段代码的结果 - 检查你的控制台。
@NithinPaul 您是否要获取当前值？
是的，我需要当前选择的最小值和最大值。即使没有发生滑块动作，我也需要它所持有的最小值和最大值

【解决方案3】：

哦，我终于用下面的方法搞定了

var min = $('#rbSlider').data('slider').options.value[0];
var max = $('#rbSlider').data('slider').options.value[1];

【讨论】：

【解决方案4】：

var min = $('#rbSlider').slider('option','min');
var max = $('#rbSlider').slider('option','max');

【讨论】：

虽然此代码可能会回答问题，但提供有关它如何和/或为什么解决问题的额外上下文将提高答案的长期价值。

【解决方案5】：

动态设置限制的改进

@jcuenod 的答案将检索初始 HTML 的 DOM 中设置的最小/最大值。但是，如果您稍后通过 JavaScript（即$("#rbSlider").slider('option', {min: 5, max: 100})）更改限制，这将不会为您提供最新值

相反，您需要使用$("#rbSlider").data('slider').options.max

【讨论】：