IE8 toggleClass无法正常工作

好吧，我有一个菜单，我希望有一个名为active的类，当它活跃时，显然。

要切换这个类我使用jQuery切换function，但它只是在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标记

它在所有浏览器中工作，IE8除外提前感谢。

Answer 1

试试这个：

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

Answer 2

试试这个：

 $('#menu').on('click', '.tab span', function (e) { e.stopPropagation(); var $tab = $(this).parent('.tab'); // remove active from all tabs $('#menu .tab').removeClass('active'); // make current tab as active $tab.addClass('active'); });