2013-04-09 69 views
0

我有一种情况需要在工具提示中显示链接。我发现了几个帖子,其中人们声称最好的方法是隐藏的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。

+1

问题是工具提示中的链接,还是显示工具提示本身的问题?你打电话给工具提示怎么样?你在使用图书馆吗?你需要更具体些。 – 2013-04-09 14:20:31

+0

原来我在复选框中使用title属性调用它,但是当我试图在标题属性中放置锚标签时,它实际上显示'Mark Incomplete'。我正在使用Jquery,我只是不知道从哪里开始 – user1977840 2013-04-09 14:22:58

+0

我可以得到工具提示,只显示链接不是链接。它只是文本 – user1977840 2013-04-09 14:23:49

回答

0

你不需要使用任何jQuery,除非你做的东西真的很花哨。您可以使用纯“醇CSS像这样:

.parent .tooltip { 
    display: none; 
} 

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

这不是从你的例子很清楚,你怎么想它的工作,但这里有一个的jsfiddle演示:http://jsfiddle.net/DEtnP/

另外,尽量避免内联CSS的地方可能。

+0

就是这样!基本上它是一个巨大的事情清单。所以我希望当他们检查活动完成时,他们不能取消选中它,除非他们点击链接进入工具提示只是为了让它更难一点 – user1977840 2013-04-09 14:32:34