jquery fadeIn/Out IEの問題 - フラストレーション

Question

私を助けてください、私は私の心を失っています。

私は絶対クラス/相対クラス（両方とも試してみました）のdivをすべてクラスのクラスで持っています。クリックするとdivが消えて正しいものがフェードインします。IE 6と7（時には8）以外のすべてのブラウザでうまく動作します。彼らはフェードアウトしますが、何も消えることはありません。このタイプの問題はネット全体を見渡しますが、助けてはいけません。助けてください。

これはコード

$("li#about").click(function(){ 
    $box.fadeOut(200); 
    $("div#about").delay(800).fadeIn(800); 
}); 

$("li#portfolio").click(function(){ 
    $box.fadeOut(200); 
    $("div#portfolio").delay(800).fadeIn(800); 
}); 

など......

私は何をしないのですのですか？デモここ - 死んだリンク！

Answer 1

場合には定義されていませんでした一度働いてアレントスクリプト内 の要素があるともこれを実行する必要があります私はこれを正しく読んでいますが、タグの種類が異なっていても、同じIDを持つ複数のHTMLタグがありますか？たとえば、li＃aboutとdiv＃aboutな​​どです。おそらくInternet Explorerは一意のIDを持っていれば好きだろうか？

Answer 2

あなたは$ boxを定義しません。 IEで、あなたはそれを定義する必要があります。

var $box = ......... 

あなたは$nav

EDITあなたは

Answer 3

メインナビゲーションにアンカーを追加してキーボードからアクセスできるようにしたり、JavaScriptをオフにしたりすることはできません。その後、次の操作を実行してもあなたのスクリプトを小さくすることができます。

<div id="nav"> 
<ul> 
    <li><a href="#about">about</a></li> 
    <li><a href="#portfolio">portfolio</a></li> 
    <li><a href="#social">social</a></li> 
    <li><a href="#contact">contact</a></li> 
</ul> 

$("#nav li a").click(function(){ 
    $box.fadeOut(200); 
    $($(this).attr('href')).delay(800).fadeIn(800); 
});