2015-06-24 84 views
1

我有以下滑塊在我的剃鬚刀我如何獲得引導滑塊的最小值和最大值?

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

它不返回定義的錯誤,我如何獲得最大和最小?

回答

1

哦,我終於得到它的工作使用以下

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

你太親近了。嘗試這個。

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

感謝,這是它:) –

+0

哎我又回來了,它現在不工作的原因。滑塊不返回正確的最小值和最大值。它總是返回data-slider-min =「0」data-slider-max =「1000」的值。它在 –

+0

之前工作正常此解決方案返回當前值,您需要檢查當前值是否更改,因此它會給出結果。 –

3

你已經差不多了。屬性data-slider-min="0" data-slider-max="1000"可以這樣訪問:

var min = $('#rbSlider').data('sliderMin'); 
var max = $('#rbSlider').data('sliderMax'); 

請注意,我已經刪除了-和使用首字母大寫。看看在API,你會看到,jQuery的需要$("div").data("lastValue") === 43;:元素的屬性中

...搜索,駱駝式大小寫字符串轉換成虛線字符串,然後在前面加上DATA-到結果。所以,字符串lastValue被轉換爲data-last-value。

所以爲了保持一致性,使用駱駝外殼(只是看出來for this

+0

謝謝,就是這樣:) –

+0

@jc uenod,嘿我回來了,它現在不工作的原因。滑塊不返回正確的最小值和最大值。它總是返回data-slider-min =「0」data-slider-max =「1000」的值。之前它工作正常。 –

+0

@NithinPaul如果它以前工作,那麼它不是這個代碼的結果 - 檢查你的控制檯。 – jcuenod

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

雖然此代碼可能回答這個問題,但提供關於如何和/或爲何解決問題的附加上下文會提高答案的長期價值。 – Badacadabra

相關問題