jquery - 为每个链接加载不同的工具提示内容

Question

我在我的网站上使用这个工具提示脚本：http: //craigsworks.com/projects/simpletip/

问题是我在同一个 div 类中有多个链接，当鼠标悬停在不同的链接上时，我想在工具提示中加载不同的内容。这是我用来加载工具提示的代码：

$(document).ready(function(){
// Create your tooltips 
var api = $(".ttip a").simpletip().simpletip(); 
api.load('include.php'); 
});

如果我可以根据实际悬停的链接在 include.php 文件中发送一些帖子参数，那就太好了。

<div class="ttip">
<a userid="1" href="#" >user1</a><br />
<a userid="2" href="#">user2</a>
</div>

我需要在 include.php 文件中捕获用户 ID 以返回适当的信息。

现在工具提示仅适用于第一个链接。对于第二个，当我将鼠标悬停时，会显示一些默认文本！

有人可以帮忙吗？

Answer 1

您必须将工具提示分别分配给每个元素，并使用 load() 的第二个参数传递用户 ID：

$(document).ready(function(){
 $(".ttip a")
  .each(
  function(i)
  { 
    var api=$(this).simpletip().simpletip(); 
    api.load('include.php',{userid:$(this).attr('userid')}); 
  })
});