назначить поведение всплывающей подсказки для повторяющихся ссылок

Question

HTML ниже генерируется с помощью вызова ajax в "purchase_content".Я хочу применить всплывающую подсказку к каждой ссылке в каждой строке, может содержать до 100 строк.

Это код на данный момент, но безуспешно.Если я переверну каждую ссылку дважды, появится всплывающая подсказка, но она больше никогда не появится.Есть мысли по поводу адресации ссылки в каждом ряду?

<div id="purchase_content">
  <div id="pr-listing">

  <div id="pr-odd">
    <table width="950" height="100" border="0" cellpadding="0" cellspacing="0">
      <tr><td width="75" align="center" valign="middle">
        <a href="#" id="avlink" title="3-5 Working Days">5-7 Days</a>
      </td></tr>
    </table>
  </div>

  <div id="pr-even">
    <table width="950" height="100" border="0" cellpadding="0" cellspacing="0">
      <tr><td width="75" align="center" valign="middle">
        <a href="#" class="avlink" title="3-5 Working Days">Available Now</a>
      </td></tr>
   </table>
  </div>

  </div>
</div>

$('a.avlink').live('mouseover', function(e) {
  var target = $(e.target);
  return $(target).tooltip({
    track: true,
    delay: 0,
    opacity: 0.9,
    showURL: false,
    showBody: " - ",
    extraClass: "pretty",
    fixPNG: true,
    left: -120
  });
});

Answer 1

Я добавил идентификатор "pr-cell" к

за пределами каждой ссылки и применил ко всем тегам с уникальным идентификатором для каждой ссылки. Спасибо за вашу помощь.

$('#pr-cell > a').live('mouseover', function(e) {
    $('#pr-cell > a').not('.hasToolTip')
    .addClass('hasToolTip')
    .tooltip({
        track: true,
        delay: 0,
        opacity: 0.9,
        showURL: false,
        showBody: " - ",
        extraClass: "pretty",
        fixPNG: true,
        left: -120
    });
});

Answer 2

в вашем обработчике успеха ajax, попробуйте добавить что-то вроде

$('a.avlink').not('.hasToolTip') // hasToolTip with a dot in it
.addClass('hasToolTip')   // hasToolTip without a dot in it
.tooltip({
    track: true,
    delay: 0,
    opacity: 0.9,
    showURL: false,
    showBody: " - ",
    extraClass: "pretty",
    fixPNG: true,
    left: -120
});