糊涂的工具提示方向问题

Question

我使用了Tipsy Tool时间插件我注意到我无法使用与另一个链接相同的工具提示方向。

示例：

的javascript：

$('#south').tipsy({gravity: 's'});

HTML：

<a id='south' href='#' title='This is an example of south direction'>South</a>
<a id='south' href='#' title='This is an example of south direction2'>South</a>

解释这个例子：

Link1 - link2

当我悬停link1时，工具提示显示在顶部， 我也希望当我悬停link2工具提示显示在顶部时，

但遗憾的是没与我合作！

任何人都可以帮助我。

谢谢

Answer 1

你不能重复这样的ID，它们必须在页面中是唯一的（否则你会看到副作用，比如$('#south')仅返回第一场比赛...你当前的问题）。在这些情况下使用类，如下所示：

$('.south').tipsy({gravity: 's'});

链接上的内容相同;

<a class='south' href='#' title='This is an example of south direction'>South</a>
<a class='south' href='#' title='This is an example of south direction2'>South</a>