JQuery: несколько подсказок - PullRequest
Новая
       11

JQuery: несколько подсказок

1 голос
/ 21 января 2011

Когда я возвращаю список результатов из моей базы данных, они отображаются так:

Результат 1
Результат 2
Результат 3

И так далее ... Теперь у меня работает плагин jQuery Tipsy, поэтому при наведении указателя мыши на верхнюю часть результата 1 он показывает имена пользователей. Дело в том, что если я наведу курсор на Результат 2, то там тоже должна появиться всплывающая подсказка Tipsy, но она просто отображает обычную подсказку браузера.

Я предполагаю, что это потому, что все теги id в результатах a имеют одно и то же имя: 'east'. Я предполагаю, что мне нужно сделать какой-то вид для каждой проверки в jQuery, но у меня не было бы никакого сомнения, где добавить это в jQuery.

Кто-нибудь получил решение для этого?

1 Ответ

3 голосов
/ 21 января 2011

У вашей проблемы одинаковый идентификатор на всех 3 a тегах. Ни при каких обстоятельствах нельзя использовать один и тот же идентификатор для более чем одного элемента на одной странице. Вам нужно это исправить. 

<a href="result_one.html" id="result_one" class="tipsy">Result 1</a>
<a href="result_two.html" id="result_two" class="tipsy">Result 2</a>
<a href="result_three.html" id="result_three" class="tipsy">Result 3</a>

Вы можете применять один и тот же класс ко всем трем тегам a, а затем применять класс к классу. 

$(document).ready(function() {
  $('.tipsy').tipsy({fade:true,gravity:'n'});
});

Или вы можете сделать каждый ID отдельно. 

$(document).ready(function() {
  $('#result_one').tipsy({fade:true,gravity:'n'});
  $('#result_two').tipsy({fade:true,gravity:'n'});
  $('#result_three').tipsy({fade:true,gravity:'n'});
});
...