JQuery Tooltip悬停在单选按钮上

时间:2012-10-05 20:13:43

标签: jquery html radio-button tooltip tipsy

我想在悬停在单选按钮上时显示工具提示。所以我正在尝试使用这个插件:tipsy。所以这是我的HTML:

<label><input type="radio" name="options" value="1" class="required" id="option1"> Option1</label>

然后我尝试了这样的事情:

$("#option1").tipsy({fallback: "test" });

但是当我在单选按钮上盘旋时,什么都没有出现。为什么没有出现任何问题,我该如何使其发挥作用?

3 个答案:

答案 0 :(得分:5)

title添加到您的input

<input type="radio" name="options" value="1" class="required" id="option1" title="MyText">

答案 1 :(得分:1)

以下是您如何进行悬停的示例。这很简单......

http://jsfiddle.net/wrN2u/50/

答案 2 :(得分:0)

您是否将文字放在title属性中?

<input type="radio" name="options" value="1" title="Some Text To Display" class="required" id="option1" />