1

非常に単純なJavaScriptを実装しようとしています。リンクがホバーされたときのために、ある種のツールチップ（<div>リンク内に隠されている）を作成しています。つまり、独自のツールチップを持つリンクがいくつかあり、ツールチップの下に表示されているコードは正しく表示および非表示になっていますが、すべてではなく、そのリンクに関連するツールチップのみを表示したいのです。これを解決する良い方法は、その特定のリンクのツールチップのみを表示する1つのjavascript関数を持ち、それぞれの関数を持たないことだと思います。

よろしくお願いします。私の問題を理解できるように説明できたと思います。

 $(function() {
   $('.toolshoot').hover(function() {
       $('.toolbox').show();
   },       
   function () {
        $('.toolbox').hide();
     }
   );        
 });
4

2 に答える 2

2

私はこれがうまくいくと思います：

 $(function() {
   $('.toolshoot').hover(function() {
       $('.toolbox', this).show();
   },       
   function () {
        $('.toolbox', this).hide();
     }
   );        
 });

.toolboxホバーされている要素の内部を探しています。

次回は、マークアップ付きのコードサンプルを投稿してください。

于 2012-11-07T20:05:45.920 に答える
1

コードを確認し、ツールチップがリンクにどのように「関連」しているかを正確に知る必要がありますが、次のようなことができる場合があります。

$(function() {
  $('.toolshoot').hover(function() {
    $(this).closest(':has(.toolbox)').find('.toolbox').show();
  },
  function () {
     $(this).closest(':has(.toolbox)').find('.toolbox').hide();
    }
  );
});
于 2012-11-07T20:06:03.043 に答える