jquery fadein firefoxでのフェードアウトの問題

Question

最初に.noteHoverを非表示にしてから、このクラスをフェードインまたはフェードアウトするホバーイベントを使用したいと思います。これはクロムで正常に動作するようですが、私の問題はffの.noteHoverが表示のままです：何もフェードインのフェードアウト効果を防ぎます、誰かが間違っているところへのアドバイスを提供できますか？私は、コードが、まだFFに変更なしを更新した

/* Hover test */ 
     /* Hover test */   
     var $notes = $('.note'); 

     $notes.each(function() { 
     var thisNote = $(this); 
     var nestedNoteHover = thisNote.find('.noteHover'); 
     var nestedPath = thisNote.find('path'); 

     nestedNoteHover.hide(); 

     thisNote.hover(
      function() { 
      nestedPath.css('opacity', 0.8); 
      nestedNoteHover.fadeIn(100, function() { 
      nestedNoteHover.fadeOut(300); 
      }); 
      }, 
      function() { 
      nestedPath.css('opacity', 1); 
      } 
     ); 
     }); 

：ここ

は私のコードですか？

ありがとうございます！

Answer 1

私はここで間違っているかもしれないが、jQuery`s find methodに見た後、私の代わりに

$(this).find($noteHover).fadeIn(100).fadeOut(300); 

で、それがあるべきだと思う：

$noteHover.fadeIn(100).fadeOut(300); // the variable you declared above... 

Answer 2

私が正しくあなたの要件を理解していれば、これは何をしますあなたは欲しい：

var noteHover = $('.noteHover').hide(); 
$('.note').hover(function() { /* on mouse enter */ 
    noteHover.fadeIn(400).fadeOut(100); 
}, function() { /* on mouse out */ 
    noteHover.hide(); 
}); 

Demo here。