jquery - 在工具提示中放置链接

Question

我有一种情况，我需要在工具提示中显示一个链接。我发现了几个帖子，人们说最好的方法是隐藏 div，但我找不到任何这样做的例子。任何人都可以指出我在正确的地方这个例子吗？

这是迄今为止我对 HTML 的了解。我认为其余的将在 Jquery 中完成，这是我的弱点。

<td><%= f.check_box :raw_footage_check_finished, :checked => true %>
<div id="tooltip" style="display:none"><%= link_to 'Mark Incomplete', '#' %>
</div></td>

我将 Ruby on Rails 用于我的服务器端语言。

Answer 1

你不需要使用任何 jQuery，除非你正在做一些非常花哨的事情。您可以像这样使用普通的 'ol CSS：

.parent .tooltip {
    display: none;
}

.parent:hover .tooltip {
    display: block;
}

从您的示例中不太清楚您希望它如何工作，但这里有一个 jsFiddle 演示：http: //jsfiddle.net/DEtnP/

此外，尽可能避免使用内联 CSS。