Как создать слайдер цены jQuery

Я пытался найти учебник, но не повезло. Я не прошу кого-нибудь сделать эту работу для меня, но больше, чтобы узнать, знает ли кто-нибудь что-нибудь полезное.Как создать слайдер цены jQuery

поэтому в основном мне нужен мой ползунок, чтобы иметь минимальное значение нуля и динамически заданное максимальное значение (получение динамического значения не является проблемой).

0 ------------------- о ------------------ 200

Так «o» посередине будет вашим кликабельным скользящим элементом. Мне нужно, чтобы он вывел в поле справа номер, на котором вы находитесь. Таким образом, в этом примере он будет выводить 100. Очень похоже на настройку громкости на видеоплеере.

В основном это для системы баллов вознаграждения, поэтому люди могут скользить по количеству пунктов вознаграждения, которые у них есть, и будет выводить, сколько фунтов это эквивалент.

Как я уже сказал, он больше ищет помощь в поиске учебника, но всегда будет благодарен, если кто-то может опубликовать фрагмент, который подтолкнет меня в правильном направлении.

источник

2013-03-04 Frank Clark

чек http://jqueryui.com/slider/ –

Посмотрите на http://jqueryui.com/slider/#range

Это даст вам ползунок диапазона для значений, как вам требуется

источник

2013-03-04 11:21:59 CR41G14

Это то, что я использовал, однако я не уверен, насколько он совместим с браузером. Я скоро узнаю. –

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

ответ

Смежные вопросы