Tipsy Tooltip Направление Проблема

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>

Объясните пример:

Ссылка1 - ссылка2

при наведении на ссылку1 подсказка отображается вверху, Я также хочу, чтобы при наведении ссылки2 всплывающая подсказка отображалась вверху,

Но, к сожалению, не работал со мной!

Так что любой может мне помочь.

спасибо

Answer 1

Вы не можете повторять идентификаторы, подобные этому, они должны быть уникальными на странице (в противном случае вы увидите побочные эффекты, например $('#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>