1

データベースから結果のリストを戻すと、次のように表示されます。

結果1
結果2
結果3

などなど... jQuery Tipsy プラグインが動作するようになったので、結果 1 の上にカーソルを合わせると、その人のユーザー名が表示されます。問題は、結果 2 にカーソルを合わせると、それにもほろ酔いのツールチップが表示されるはずですが、通常のブラウザーのツールチップが表示されているだけです。

id結果aタグのすべての「」が同じ名前である「東」であるためだと思います。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>

3つのタグすべてに同じクラスを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 に答える