【问题标题】:JQuery Tooltip Hover on Radio ButtonJQuery 工具提示悬停在单选按钮上
【发布时间】:2012-10-05 20:13:43
【问题描述】:

我希望在将鼠标悬停在单选按钮上时显示工具提示。所以我正在尝试使用这个插件:tipsy。所以这是我的html:

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

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

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

但是当我将鼠标悬停在单选按钮上时,什么也没有出现。为什么什么都没有出现,我该如何让它工作?

【问题讨论】:

标签: jquery html radio-button tooltip tipsy


【解决方案1】:

title 添加到您的input

&lt;input type="radio" name="options" value="1" class="required" id="option1" title="MyText"&gt;

【讨论】:

  • 出于某种原因,这会在我的页面顶部显示文本,而不是像普通工具提示那样在单选按钮旁边显示文本。任何想法为什么?
【解决方案2】:

这是一个如何处理悬停的示例。这很简单……

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

【讨论】:

    【解决方案3】:

    你是把文字放在title属性里吗?

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

    【讨论】:

      猜你喜欢
      • 2018-12-08
      • 1970-01-01
      • 1970-01-01
      • 2021-09-30
      • 2020-12-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多