1

当我从数据库中取回结果列表时，它们显示如下：

结果 1
结果 2
结果 3

等等......现在我已经让 jQuery Tipsy 插件工作了，所以当你将鼠标悬停在 Result 1 的顶部时，它会显示用户名。问题是，如果我将鼠标悬停在结果 2 上，也应该出现 Tipsy 工具提示，但它只是显示普通浏览器工具提示。

我假设这是因为id结果a标签上的所有 ' 名称都相同：'east'。我想我需要为 jQuery 中的每次检查进行某种检查，但我不会对在 jQuery 中添加它的位置有最模糊的了解。

有没有人解决这个问题？

4

1 回答 1

3

您的问题是所有 3 个a标签上的 ID 相同。在任何情况下都不允许将相同的 ID 应用于同一页面上的多个元素。你需要解决这个问题。

<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'});
});
于 2011-01-21T20:45:29.253 回答