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 태그를 찾으십시오.