关于多个课程的提示

Question

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

编辑：

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

Answer 1

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

这应该有效吗？

Answer 2

似乎足以在“父”元素上调用它。

所以你应该能够做到：

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

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

你能链接到你的例子吗？ 并记住它的TITLE属性，而不是“原始标题”。 （所以我希望你粘贴渲染的HTML，而不是源代码）