如何創建一個jQuery價格滑塊

我一直在試圖找到一個教程，但有沒有運氣。我不是要求任何人爲我做這項工作，而是要求更多人看看是否有人知道任何有用的東西。如何創建一個jQuery價格滑塊

所以基本上我需要我的滑塊具有零的最小值和動態設置的最大值（獲取動態值不是一個問題）。

0 ------------------- o ------------------ 200

因此，中間的'o'是您可點擊的滑動元素。我需要它輸出在右側框中，你是對的數量。所以在這個例子中它會輸出100.非常喜歡在視頻播放器上設置音量。

基本上這是一個獎勵積分系統，讓使用者在他們多少獎勵點具有滑塊和它會輸出這個多少斤的等價物。

正如我所說的即時通訊更多尋求幫助找到一個教程，但會永遠感激，如果有人可以張貼片段，將推動我在正確的方向。

來源

2013-03-04 Frank Clark

檢查http://jqueryui.com/slider/ – 2013-03-04 11:20:39

看看http://jqueryui.com/slider/#range

這會給你值的範圍滑塊像你需要

來源

2013-03-04 11:21:59 CR41G14

這是我已經結束了使用，但我不知道它是瀏覽器如何交叉兼容。我很快就會發現。 – 2013-03-04 16:32:59

Try this: 

http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-slider.html 

<body class=""> 
<link rel="stylesheet" href="jquery.css"> 

<script src="jquery-1.js"></script> 
<script type="text/javascript" src="jquery.js"></script> 
<div class="" id="" data-role="page"> 

<div class="ui-field-contain ui-body ui-br" data-role="fieldcontain"> 
<input class="" name="slider" id="slider" value="100" min="0" max="10" data-type="range"> 
</div>

來源

2013-07-11 11:09:31

如何創建一個jQuery價格滑塊

回答

相關問題