javascript - 将 slider 输入值固定在气泡中

标签 javascript jquery html

我正在为 iPad 上使用的投票网络应用程序制作一个 slider 。当用户将手指放在气泡上时,该值应该显示在元素上方(工作正常)。当用户没有将手指放在气泡上时,我希望重视气泡内部的情况。我显示了当前值(当值为 5 时看起来不错),但我不知道如何将其粘贴在每个值的气泡内。

这是我在 Codepen 中的内容

最佳答案

尝试在 CSS 中进行以下更改:

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

在你的 JS 中:

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

现在 37 是硬编码的,如果您更改 slider 的大小,可能需要进行调整,但这应该可以做到。 Codepen

关于javascript - 将 slider 输入值固定在气泡中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35027494/

相关文章:

javascript - 将元素附加到克隆的元素

html - Chrome 尊重正文标签 CSS 样式,但 FireFox 或 IE 不尊重

javascript - 如何从rails3自定义 View 助手返回干净的javascript?

javascript - 创建自身副本的按钮

javascript - 通过拖动栏进行滚动时如何防止 .scroll() 函数执行?

JavaScript/jQuery 查找变量和返回值部分匹配的 JSON 键/值

javascript - 如何使用 Javascript 检测滚动超过页面开头?

javascript - 获取被点击元素的 id 而无需在 html 中放置任何 js 代码

javascript - 在 react-native 中使用相对路径

javascript - 如何使用 JQuery 检测文件输入是否选择了文件?