jquery - IE8 切换类无法正常工作

Question

嗯，我有一个菜单，我想要一个名为 active 的类，显然，当它处于事件状态时。

为了切换这个类，我使用了 jQuery 切换函数，但它只是在 js 元素中激活它。如果我检查 dom 元素，这个类永远不会被设置。但由于我的 CSS 样式，我需要这个类。

我知道已经有很多关于 toggleClass jQuery 的主题，但它们不适合(至少我找不到任何合适的)

这里有一些代码:

$('#menu').on('click', '.tab span', function (e) {
    e.stopPropagation();
    var $tab = $(this).parent('.tab');
    $tab.siblings('.tab.active').removeClass('active');
    $tab.toggleClass('active');
});

HTML 标记

<div id="menu">
    <div class="tab">
        <span></span>
    </div>
</div>

它适用于所有浏览器，除了 IE8 提前致谢。

Answer 1

试试这个:

$('#menu').on('click', '.tab span', function (e) {
    e.stopPropagation();
    var $tab = $(this).parent('.tab');
    $tab.addClass('active').siblings('.tab').removeClass('active');
});