Question

Tipsy是facebook工具提示风格的轻量级技术。现在我需要这个多链接。例如：

<table id=\"gravity\">
   <tr height=\"22\">
       <td width=\"1%\" align=\"center\" bgcolor=\"$bgcolor\">
            <a id=\"foo\" title=\"test\" href=\"#\" > $id</a> //$id dynamic id for link 1, 2, 3, ...
       </td>
   </tr>
</table>

包括Js是：

$(function() {
$('#foo').tipsy({gravity: 's'}); });

这为我工作但是打印和显示第一个id（第一个链接）和下一个链接现在显示tipsy。什么问题？如何为多个链接工作？

Answer 1

如果您希望插件应用于所有链接，请更改选择器以匹配所有这些链接。最好是给所有链接命名的类tipsy或watever，并使用类选择器找到它们。试试这个。

标记（注意：我在链接中添加了class =“tipsy”）

<table id=\"gravity\">
   <tr height=\"22\">
       <td width=\"1%\" align=\"center\" bgcolor=\"$bgcolor\">
            <a id=\"foo\" class=\"tipsy\" title=\"test\" href=\"#\" > $id</a> //$id dynamic id for link 1, 2, 3, ...
       </td>
   </tr>
</table>

JS

$(function() {
    $('a.tipsy').tipsy({gravity: 's'}); 
});

Answer 2

tipsy插件将事件绑定到#foo中当前的链接。如果你动态地改变它，你可能需要重新绑定它。

尝试附加$（'＃foo'）。tipsy（{gravity：'s'}）; }）;改变链接的功能。

Tipsy Tooltip jquery Multi Not Worked

2 个答案: