Question

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

结果1
  结果2
  结果3

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

我假设是因为结果id标签上的所有a都是相同的名称：'east'。我想我需要为jQuery中的每个检查做一些事情，但我不会在jQuery中添加它的地方最模糊。

有人有解决方法吗？

Answer 1

您的问题在所有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代码，然后向该课程应用tipsy。

$(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'});
});

jQuery：多个'tipsy'工具提示

1 个答案: