Есть ли способ показать количество «тиков» или «шагов» в слайдере пользовательского интерфейса jquery?

Question

Я хочу показать количество тиков в моем слайдере jquery ui, есть ли способ сделать это?

Например, у меня есть слайдер с максимумом 100, я хочу, чтобы он был примерно таким

0--------50--------100

минус, конечно, тире.

Answer 1

Самый простой способ, на мой взгляд, это поместить это выше / ниже ползунка:

<div id="slider_steps"> <span>0</span> <span>50</span> <span>100</span> </div>
<div id="slider"></div>

Затем стилизовать метки соответствующим образом.Вы также можете вставить метки в саму #slider, но это, вероятно, заставит ползунок быть более толстым для удобства чтения:

<div id="slider"> <span id="step">50</span> </div>
div#slider span#step {position:relative; left:50%;}