我正在使用Jquery Qtips在所有图像图标上显示解释其用途的工具提示。我已经设置了一个'工具提示'类,以便任何给出这个名字的东西。应从图像的alt标签中获取工具提示。
但是代码只适用于其中一些并拒绝其他代码
$(document).ready(function()
{
$('.tooltip').qtip({
content: $(this).attr('alt'),
show: 'mouseover',
hide: 'mouseout',
position: { target: 'mouse' }
});
});
带有图标的表格位于
之下<table width="100%" border="0" cellpadding="3" class="contacts">
<tr>
<td><a href="index.php?cid=1&alert=yes" class="editproduct tooltip" alt="Click to Edit Contact"><h3>Contact Name</h3></a></td>
<td align="right">
<a href="index.php?cid=1&alert=yes" id="fRight" target="_blank">
<img class="tooltip" alt="Click to download VCard" src="images/icons/vcardicon.png" width="28" height="28" >
</a>
<a class="tooltip" alt="Print item" href="index.php?cid=1&alert=yes" id="fRight">
<img src="df_template/images/icons/printicon.png" width="28" height="28">
</a>
<a class="tooltip" alt="Delete item" href="&task=del&cid=1">
<img src="df_template/images/delete.png" width="28" height="28">
</a></td>
</tr>
</table>
问题是工具提示只出现在第一个上,但拒绝出现在随后的工具提示中。
我需要一些帮助。
由于