将工具提示行为分配给重复链接

以下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 
    }); 
});

来源

2010-10-05 Orange Tree

在阿贾克斯成功处理程序

，尝试添加类似，

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

来源

2010-10-05 07:17:22 Reigel

工具提示现在出现在第一次翻转，但只显示一次。有没有办法访问链接，无论ID我可以分配一个唯一的ID到每个链接？ – 2010-10-05 07:58:14

是否将该代码作为ajax成功处理程序的最后一部分，并且仍然无法按预期工作？ – Reigel 2010-10-05 08:00:27

我添加了一个ID为“PR-细胞”的< TD>每一个环节外，并适用于所有<一>标签每个链接都有一个唯一的ID，这对您的帮助表示感谢。

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

来源

2010-10-05 09:53:21

将工具提示行为分配给重复链接

回答

相关问题