这是我的HTML:
<div class="col-md-4"><input autocomplete="off" type="range" min="1" max="20" value="10" id="agriculture" oninput="display(id);"></div>
我需要在移动滑块时显示工具提示。
我怎样才能做到这一点?
这是我的fiddle
答案 0 :(得分:1)
不需要任何CSS / JS的最简单形式的popover是title属性,几乎可以设置任何东西!
<input ... title="Hey, you should drag me!"/>
将鼠标悬停在它上面约2秒钟,它会显示出来。
如果您正在寻找更具响应性的内容,最简单的方法是合并Bootstrap Tooltips API,其中已经编写了大量代码,可以放置您想要的任何内容[above|below|left|right]
任何元素。
答案 1 :(得分:1)