Tipsy Tooltip jquery Multi не работал

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'}); });

Это сработало для меня, но напечатайте и покажите только первый идентификатор (первая ссылка), а следующая ссылка теперь показывает типсы.в чем проблема ?как работать по нескольким ссылкам?

Answer 1

Плагин tipsy связывает событие со ссылкой, находящейся в данный момент в #foo.Если вы меняете его динамически, вам может понадобиться повторно привязать к нему типсы.

Попробуйте добавить $ ('# foo'). Tipsy ({gravity: 's'});});к функции, которая изменяет ссылку.

Answer 2

Если вы хотите, чтобы плагин применялся ко всем ссылкам, измените селектор, чтобы он соответствовал всем этим ссылкам.Лучше всего дать класс tipsy или как вы ни назовите всем ссылкам и найти их с помощью селектора классов.Попробуйте это.

Разметка (Примечание: я добавил 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'}); 
});