jquery - Jquery - ツールチップが機能しない

Question

ツールチップでチュートリアルを見つけたので、見ずにコピーしようとしました。それを行った後、コードとチュートリアルにいくつかの違いがあることがわかりました。それで修正しましたが、まだ表示されません。

問題が見つかりました。

かわった

  tip = $(this).find('.tooltip');

為に

  tip = $('.tooltip');

そしてそれは働いた

score 2 · Accepted Answer

セレクターが間違っています:

tip = $(this).find('.tooltip');

これは、アンカー内で「tooltip」クラスを持つ要素を探します。使用するだけです：

var tip = $('.tooltip');

score 1 · Accepted Answer

リンクごとに保持するには、これを置き換える必要があります。

$(this).find('.tooltip')

次のように、内の代わりにツールチップ aa 兄弟を探すメソッドを使用します。<a>

$(this).next('.tooltip')

score 0 · Accepted Answer

車輪の再発明はしない方がよいでしょう。これを試して：

3 に答える 3