Jquery如何在此span元素上顯示工具提示？

我被要求編輯一個我沒有創建的網頁，我正在嘗試瞭解它中的一些代碼。我有一個列表項目，其中包含一個跨度。該跨度只有一個類屬性，沒有替代文字或標題。Jquery如何在此span元素上顯示工具提示？

<span class="ui-icon ui-icon-info"></span>

ui-icon和ui-icon-info類來自JqueryUI。他們顯示一個信息圖標作爲跨度的背景圖像。我沒有看到任何其他特別之處的CSS：

.ui-icon-info { background-position: -16px -144px; } 
.ui-icon { width: 16px; height: 16px; background-image: url(ui-icons_72a7cf_256x240.png); } 
.ui-icon { text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

當用戶將鼠標懸停在圖標上會顯示一個div作爲提示：

<div class="tooltip" style="position: absolute; top: 661px; left: 710px; opacity: 0.8; display: none;">Some Tooltip Text</div>

工具提示的CSS也沒有看做任何特別的事情。只是一些格式化信息。列表中有幾個span元素，我無法弄清楚它是如何選擇正確的div來顯示在工具提示中的。有人能告訴我Jquery如何選擇正確的div來顯示span元素的工具提示嗎？

來源

2014-02-20 NBabel

我認爲JavaScript是你缺少的環節 –

是div已經在DOM？哪裏？ – enguerranws

你能告訴我們一些HTML小提琴或實際的頁面嗎？ – putvande

有一個函數loadReportFunctions()，它執行ajax請求並調用函數formatLinks(links)。它在那裏使用span.ui-icon元素的屬性。

Chrome Resources Screenshot

來源

2014-02-20 19:04:48 celerno

非常感謝，我沒有看到。 – NBabel

Jquery如何在此span元素上顯示工具提示？

回答

相關問題