IE8の小さなjqueryのバグ

Question

このサイトに行くとhttp://rochesterwaterskishow.com/staging、FFまたはChromeのaboutリンクにカーソルを合わせるとメニューがポップアップします。 IE8で同じことをすると、メニューは表示されません。私はIE7をチェックしていない。

IE8でメニューが表示されない原因は何ですか？

のjQuery：

$('#flyout').hover(function() { 
     $(this).children('div').show(); 
    }, function() { 
     $(this).children('div').hide(); 
    }); 

Answer 1

Funnily十分には、バグは、すべてのメニューやあなたのjQueryの表現ではありません。これは、上記の行にあります：

<h1><a href="http://rochesterwaterskishow.com/staging/index.php/site/index"><img src="http://rochesterwaterskishow.com/staging/assets/images/RWSStandardLogo.gif" class="logo" /></h1> 

はIEがグラグラスローになり、ここで何の終値</a>、ありません。それを修正して、あなたは行かなくてはなりません。

Answer 2

問題は$(this).children('div')がIE8で動作していないことです。私はなぜか分からない（編集：Interrobangの投稿に記載されている未閉じの<a>タグのためだと思います）。私はこれが動作する必要があることを知りました

：あなたは/ショーを非表示にするdivタグにクラスを置く場合

$('#flyout').hover(function() { 
    $(this).find('div').show(); 
}, function() { 
    $(this).find('div').hide(); 
}); 

コードを、一般的には、この種の問題に対してより堅牢になりますと、正確な場所にdivタグが1つしかないことに頼るよりも、より堅牢な方法を見つけることができます。