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。

在工具提示中放置一个链接

1 个答案: