javascript - 我如何从 Bootstrap slider 获取当前值？

Question

这与我在这个链接 How do i get Min and Max value of Bootstrap slider? 中提出的问题有关

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

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

这是我的控件的样子

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

但它始终返回 Min 为 0 和 Max 为 1000，即使其设置为 Min 2 和 Max 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/ ) 创建的 widget 数据，您可以使用以下模式来实现:

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

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

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

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

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

通常小部件参数位于“选项”属性中。

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

问候 彼得