0

私は自分のサイトでこのツールチップスクリプトを使用しています：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を取得する必要があります。

これで、ツールチップは最初のリンクに対してのみ機能します。2つ目は、ホバーすると代わりにデフォルトのテキストが表示されます。

誰か助けてもらえますか？

4

1 に答える 1

2

ツールチップを各要素に個別に割り当て、load() の 2 番目のパラメーターを使用してユーザー ID を渡す必要があります。

$(document).ready(function(){
 $(".ttip a")
  .each(
  function(i)
  { 
    var api=$(this).simpletip().simpletip(); 
    api.load('include.php',{userid:$(this).attr('userid')}); 
  })
});
于 2010-11-14T05:33:39.050 に答える