如何从 bootstrap 滑块获取当前值？

Question

这与我在 link

中提出的问题有关

我无法在那次讨论中得到这个特定问题的答案，这就是为什么我打算将其作为新问题提出的原因。

我需要的是从 javascript 中的 bootstrap 滑块控件获取当前最小值和最大值。

这是我的控件的样子

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

但它始终returns最小为 0，最大为 1000，即使它设置为最小 2 和最大 10。

如何在我的 javascript 中获得 2 和 10？

Answer 1

当然你可以这样做：

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

更新

可能你需要：

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

一般来说，如果您想访问使用 Widget Factory (https://learn.jquery.com/jquery-ui/widget-factory/how-to-use-the-widget-factory/) 创建的小部件数据，您可以使用以下模式执行此操作：

var widget = $(selector).data(widget_name);

因此，如果您像这样初始化小部件：

$('#ex1').datepicker();

您可以通过以下方式访问小部件数据：

var datepicker = $('#ex1').data('datepicker');

通常小部件参数在 'options' 属性.

使用一些 Firebug 或其他网络开发工具并使用它您可以看到您可以访问什么以及如何访问。

问候 彼得