jquery-ui - 带有工具提示的 jquery UI slider

标签 jquery-ui slider

我正在处理的网页上有一个 jquery UI slider ,但我也希望在 slider 上获得工具提示。我已经解决了这里的大部分问题(搜索),但没有找到我要找的东西,或者我无法理解答案。

这是我正在寻找的示例: Sample UI Slider with tooltip

这是我的 slider : My slider with no tooltip yet

我刚刚从 jquery 网站创建了一个简单的 UI slider 。对齐增量。理想情况下,无论 slider 的金额是多少,我都希望工具提示显示在它的正上方。稍后我将处理 CSS 代码以获得外观。

而且我不能发布我的实际代码,因为它里面有超链接,而且因为我是这里的新手,这个网站不允许我发布超过 2 个超链接的帖子,我已经用于向您展示示例和我的 slider 。

最佳答案

我相信您正在寻找this .

基本上,本教程展示了如何设置 slider 样式并在 slider 上方放置工具提示以获取输入值。

关于jquery-ui - 带有工具提示的 jquery UI slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14088408/

相关文章:

python - 如何使 Bokeh 散点图具有交互性(带 slider )

javascript - 当图像完全加载时,我如何在我的 javascript 中启动一个函数

jquery - Owl Carousel - 主题 css 不适用

html - 导航栏子菜单显示在图像后面

javascript - jQueryUI - 将可拖动元素移回原始位置,即使在放入可放置元素后也是如此

MVC3 的 jquery 日期时间选择器日期时间格式问题

html - 如何在 IE6 中防止 div 调整大小?

javascript - jquery单滑动 handle

javascript - 使用 jqueryui 的自动完成时的附加参数

jquery - overflow :hidden div 检查一个LI是否溢出