簡體   English   中英

如何從引導滑塊獲取當前值?

[英]How do i get current value from bootstrap slider?

這與我在此鏈接中提出的問題有關,我如何獲得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 2和Max 10,它總是返回Min為0和Max為1000。

如何在JavaScript中獲得2和10?

當然,您可以這樣做:

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

UPDATE

可能您需要:

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開發工具並進行操作,您將看到可以訪問的內容以及操作方式。

問候皮奧特

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM