我正在尝试使用 TIpsy http://plugins.jquery.com/project/tipsy在将鼠标悬停在链接图像上时显示用户名。
这是链接图像的 HTML:
<div id="pic_list_wrap">
<a href="luke" title="luke" class="user_tile"><img src="http://graph.facebook.com/543270572/picture?type=square" class="user_pic" /></a>
<a href="amr" title="amr" class="user_tile"><img src="http://graph.facebook.com/504184020/picture?type=square" class="user_pic" /></a>
</div>
如您所见,我使用的是同一个类,因为我希望每个图像的名称显示不同。
可悲的是,我似乎无法让它单独用于分类项目,它似乎只适用于具有单独 ID 的项目。
这是我的jQuery代码:
// Show username above each .user_tile image
$('.user_tile').tipsy({gravity: 's'});
问题是,“提示”仅出现在第一个 '.user_tile' 元素旁边。
编辑:
正如您从这张图片中看到的,“提示”没有出现在相关图片上方。