气泡中的针滑块输入值

Question

我正在为在iPad上使用的投票网络应用制作滑块。当用户将手指放在气泡上时，该值应该显示在元素上方（工作正常）。当用户没有将手指放在气泡上时，我想重视气泡。我得到了当前值（当值为5时它看起来很好）但是我无法弄清楚如何将它粘在泡沫中以获得每个值。

这是Codepen

中的内容

Answer 1

尝试在CSS中进行这些更改：

#static-output {
  text-align: center;
}

在你的JS中：

 h = figure / max * ($("#input-wrapper").width() - $("#reel").width() + 37) + 'px';

现在37是硬编码的，如果你改变滑块的大小可能需要调整，但是这应该这样做。 Codepen