如何使用jQuery創建一個懸停在表單標簽上的圖像工具提示？

Question

如何將圖像工具提示放在表單中所有單選按鈕的標簽上？ 我使用simple_form生成表單標記，因此每個標簽都有一個for屬性（例如for="reward_id_79" ），我可以使用它將標簽與其對應的圖像鏈接起來img src='blah.jpg' id='reward_id_79' 。

每個無線電輸入都有一個相關的圖像，我想在工具提示彈出窗口中顯示，用戶將鼠標懸停在標簽文本上。 我不想改變simple_form輸出，而是在頁面的其他地方有一系列隱藏的圖像。

Answer 1

看看poshytips jquery插件。

http://vadikom.com/demos/poshytip/

它幾乎可以滿足您的需求並且非常易於使用。

Answer 2

你可以嘗試一個jQuery工具提示插件 ，它看起來非常全功能。