Tipsyツールチップjquery Multi Not Work

Question

Tipsy Facebookのツールチップスタイルで軽量で優れた技術です。今私は複数のリンクのためにこれが必要です。例えば：Jsのが含ま

<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> 

は次のとおりです。

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

これは私しかし、印刷のために働いて、今ほろ酔い示しのみ最初のID（最初のリンク）、次のリンクを示しています。何が問題なの？どのように複数のリンクのために働く？

Answer 1

プラグインをすべてのリンクに適用する場合は、セレクタをすべてのリンクに合わせて変更します。ベストはクラス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

ほろ酔いプラグインは現在、#foo内のリンクにイベントをバインドします。動的に変更した場合は、それを再度バインドする必要があります。

$（ '＃foo'）を追加してみてください。tipsy（{gravity： 's'}）; }）;リンクを変更する関数に渡します。