用户界面 - 有没有办法在 jquery UI 滑块中显示"ticks"或"steps"的数量？

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%;}