1

这与我在此链接中提出的问题有关如何获得 Bootstrap 滑块的最小值和最大值？

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

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

这就是我的控件的样子

<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？

4

1 回答 1

2

当然，您可以这样做：

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

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

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

问候彼得

于 2015-07-02T06:58:27.600 回答