Jquery UI 手柄中的滑块值未显示？

Question

我试图将时间值放入此 jquery-ui 滑块的滑块手柄中，但无法弄清楚为什么这些值没有打印在标签/手柄内。

下面是fiddle:

http://jsfiddle.net/kirkbross/194d00fm/

$("#time_range").slider();

Answer 1

这是因为 ::after 选择器从其父项中继承了 50px 的行高 css 属性。如果将 ::after 选择器的溢出 属性 设置为可见，您将能够看到文本打印的位置。解决方案是在 ::after 选择器中添加一个 line-height 属性，更合理的东西（我发现 10px 有效）。

#time_range .ui-slider-handle:after {
content : attr(data-value);
position: absolute;
...
**line-height: 10px;**

}

Answer 2

这是一个简单的行高问题。

已更新fiddle：

http://jsfiddle.net/kirkbross/194d00fm/1/

$("#time_range").slider();

我有一些代码从 js 的第 40 行开始，以防止使范围小于 60 分钟。关于我的代码有什么问题的任何线索？