JQuery范围滑块工具提示

时间:2014-04-10 06:56:32

标签: javascript jquery html css jquery-ui

这是我的HTML:

<div class="col-md-4"><input autocomplete="off" type="range" min="1" max="20" value="10" id="agriculture" oninput="display(id);"></div>

我需要在移动滑块时显示工具提示。

我怎样才能做到这一点?

这是我的fiddle

2 个答案:

答案 0 :(得分:1)

不需要任何CSS / JS的最简单形式的popover是title属性,几乎可以设置任何东西!

<input ... title="Hey, you should drag me!"/>

将鼠标悬停在它上面约2秒钟,它会显示出来。

JSFiddle


如果您正在寻找更具响应性的内容,最简单的方法是合并Bootstrap Tooltips API,其中已经编写了大量代码,可以放置您想要的任何内容[above|below|left|right]任何元素。

答案 1 :(得分:1)

Something like this??

JSFiddle

更新到你的jsfiddle