IE8以下でjQueryでクラスを追加/削除できません

Question

jQueryを使用してページ内のセクションを表示および非表示にしています。このアプローチはChrome、FF、Safariで機能しますが、IE8と7では機能しません。アニメーション、フェード、不透明度を試してみましょう。何もIEで動作するようです。 IE Developer Toolsのjsコンソールによれば、選択された要素には「アクティブ」というクラスがありますが、Dev Toolsのhtmlウィンドウのdomツリーを見ると、 アクティブなクラスは削除されていないか、DOMに書き直されていません。

マークアップ

<nav> 
<ul> 
<li id="foo">Show Section 1</li> 
<li id="bar">Show Section 2</li> 
</ul> 
</nav> 

<div id="items"> 
<section class="foo">Content Section 1</section> 
<section class="bar">Content Section 2</section> 
</div> 

CSS

#items > section {display: none;} 
.active {display: block;} 

JS

$('nav li').click(function(){ 
    var $me = $(this); 
showSection($me.attr('id')); 
}); 

showSection function(whichSection){ 
    $('#items > section').removeClass('active');  
    $('#items > '+'.'+whichSection).addClass('active'); 
} 

何かアドバイスは大歓迎です。私は厄介な締め切りにいる。乾杯。

Answer 1

IDとクラスが混在しています。

$('nav li').click(function(){ 
    var $me = $(this); 
    showSection($me.attr('id')); 
}); 

showSection function(whichSection){ 
    $('#items > section').removeClass('active');  
    $('#items > #' + whichSection).addClass('active'); 
} 

Answer 2

IE8以下は、あなたが知っているタグをそれを強制しない限り、あなたはhtml5shiv JSライブラリを使用することができますsectionタグを理解していません。

http://code.google.com/p/html5shiv

Answer 3

あなたは宣言が間違っていた機能：

function showSection (whichSection){ 
     $('#items > section').removeClass('active');  
     $('#items > #' + whichSection).addClass('active'); 
    } 

それとも

var showSection = function(whichSection){ 
     $('#items > section').removeClass('active');  
     $('#items > #' + whichSection).addClass('active'); 
    } 

注：IEはsectionを理解していません。 だから利用できるhtml5shiv/Modernizr。 HTML5タグを見つけるには