javascript - 无法在 IE8 及以下版本中使用 jQuery 添加/删除类

Question

我正在使用 jQuery 来显示和隐藏页面中的部分。该方法适用于 Chrome、FF 和 Safari，但在 IE8 和 7 中失效。尝试使用动画、淡入淡出和不透明度。 IE 中似乎没有任何作用。根据 IE 开发工具的 js 控制台，所选元素具有“active”类，但是当我在开发工具 html 窗口中查看 dom 树时，active' 类尚未被删除或重写到 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');
}