0

我正在尝试使用 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' 元素旁边。

编辑：

正如您从这张图片中看到的，“提示”没有出现在相关图片上方。

在此处输入图像描述

4

2 回答 2

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

那应该使它工作吗？

于 2011-10-14T10:39:26.243 回答
1

在“父”元素上调用它似乎就足够了。

所以你应该能够做到：

// Show username above each .user_tile image
    $('#pic_list_wrap [title]').tipsy({gravity: 's'});

然后它应该在该 ID 的所有孩子上激活

你能链接到你的例子吗？记住它的 TITLE 属性，而不是“original-title”。（所以我希望你粘贴呈现的 HTML，而不是源代码）

于 2011-10-14T10:35:47.807 回答