Question

我的剃须刀中有以下滑块

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

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

Answer 1

你几乎拥有它。可以像这样访问属性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;：

...在元素的属性中搜索，将驼峰字符串转换为虚线字符串，然后将数据前置到结果中。因此，字符串lastValue将转换为data-last-value。

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

Answer 2

你太近了。试试这个。

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

Answer 3

哦，最后我使用以下

工作了

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

Answer 4

改进动态设置限制

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

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

Answer 5

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

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

5 个答案: