2013-04-09 57 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