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

时间:2010-11-04 12:22:23

标签: jquery ajax tooltip simpletip

我在我的网站上使用此工具提示脚本: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,以便返回适当的信息。

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

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

您必须将工具提示分配给每个元素,并使用load()的第二个参数传递userid:

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