jquery - 有没有办法在 jquery ui slider 中显示 "ticks"或 "steps"的数量？

Question

我想在我的 jquery ui slider 中显示刻度数，有办法做到这一点吗？

例如，我有一个最大为 100 的 slider ，我想要像这样的

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

当然要减去破折号。

Answer 1

在我看来，最简单的方法是将其放在 slider 上方/下方:

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

然后适本地设置标签的样式。您还可以将标签插入到 #slider 本身中，但这可能会迫使 slider 变厚以提高可读性:

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