JQuery的工具提示HTML表格

我有一個列的HTML表：ID |名稱|短|信息...JQuery的工具提示HTML表格

現在我想，每當我將鼠標懸停在「名稱」，從「信息」中，根據信息文本正在使用jQuery顯示爲工具提示。我正在使用flowplayer tooltip插件進行測試，但似乎無法找到選擇所需數據的正確方法。

因爲我不確定是否可以隱藏完整的信息列，只顯示文本作爲「名稱」的工具提示，所以我想詢問您是否可以告訴我更好的方法來完成此任務。

這裏的表結構的鏈接：

2012-03-03 TonyC

我曾嘗試過流式播放器工具提示，但從未取得過很好的成功，請參考以下工具提示http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ http://craigsworks.com/項目/ qtip /下載/ http://hernan.amiune.com/labs/jQuery-Tooltip-Plugin/jQuery-Tooltip-Plugin.html – 2012-03-03 20:37:27

我建議你使用jQuery UI提示，這是非常簡單易用。

我覺得你應該遍歷所有的< tr>，然後插入一個帶有Info的標題的hiperlink，我認爲這是最有效的方法。

$('tr').each(function(index) { 
    var x = $($(this).find('td')[3]).text(); 
    $($(this).find('td')[1]).wrap('<a href="#" title="' + x + '">' + '</a>'); 
});

這裏是一個小提琴鏈接到我的http://jsfiddle.net/Pr5sg/16/。你必須擴大的結果，所以你可以看到更好的懸停信息。接下來你要做的是編輯CSS，以便符合你的需求。這是我的第一個stackoverflow答案，所以我道歉，如果我的英語不好。

希望它真的有幫助！

來源

2012-03-04 10:43:16

非常感謝，我會考慮這一點。 – TonyC 2012-03-05 08:51:54

JQuery的工具提示HTML表格

回答

相關問題