将鼠标悬停在链接的图像上时,我试图使用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”元素旁边。

编辑:

从此图像中可以看到,“提示”没有出现在相关图像上方。

最佳答案

$('.user_tile').each(function(){
    $(this).tipsy({gravity: 's'});
});


那应该使它起作用吗?

09-25 18:24