我想構建一個滑塊(非範圍)。我希望滑塊在3-4個輸入元素中顯示數據(可能有一個選擇框)。當談到窗體小部件時,我有點新手。使用jQuery v2.1.0和JQM v1.4.5,添加jQuery-UI並不是問題,只要它能夠響應並適用於移動設備即可。jQuery滑塊顯示具有特定數據的多個輸入JQM
<div id="slider">
<div id="slider"></div>
</div>
<input id="amount" readonly type="text">
<div class="data-display">
<input id="result1" readonly type="text">
<input id="result2" readonly type="text">
<input id="result3" readonly type="text">
<select id="result4" readonly type="text">
</div>
我想像這個小提琴找到堆棧溢出減去計算。不計算所需的僅僅是數據顯示:
http://jsfiddle.net/eqnLc9fg/1/
的數據是特定/獨一無二的。滑塊將顯示數據:
1st input = 149.0 F
2nd input = 100.6 C
3rd input = 57.8 psig
4th input (select) = 4.00 bar
(this would be center of the slider)
1st input = 150.0 F
2nd input = 101.1 C
3rd input = 56.8 psig
4th input (select) = 3.87 bar
在一個滑塊中將有30-50個這些數據集。所有具體的範圍都是不可能的。
選擇框也會控制其他輸入和滑塊。
不是100%確定滑塊小部件是我嘗試做的最好的選擇。已經考慮過垂直或表格溢出。滑塊看起來對我來說是最好的選擇,把所有東西放在一個屏幕上。也歡迎提供建議。
我希望我所問的是明確的! ; )
___select box____ ___input box____
-----------------滑塊-----------------
____輸入框____ ____輸入框____
謝謝!
事情是這樣的,以更好地解釋:
http://jsfiddle.net/Mottie/VfBkk/
雖然它的3個滑塊(只需要一個),這甚至可能會接近我我正在尋找除需要輸入和選擇框外[鏈接] http://jsfiddle.net/Mottie/VfBkk/ –