opera / IE7 +是否支持JQuery中的addClass / removeClass?

时间:2011-08-11 15:32:40

标签: jquery internet-explorer opera addclass

我有用于模拟按钮的列表标签的CSS,如下所示:

调用addClass之前(理想情况下,removeClass应该返回什么)

#content_navigation li {
background-color:#C7C7C7;
border:2px outset black;
text-align:center;
font-weight:400;
}

在addClass之后('clicked');被称为

#content_navigation li.clicked {
background-color:#EFEFEF;
border:1px inset black;
font-weight:700;
}

我的JQuery代码(一个按钮):

$('#pass_settings_btn').click(function() {
$('#pass_settings_btn').addClass('clicked');
$('li:not(#pass_settings_btn').removeClass('clicked');

在Firefox中,这非常有效。但是在Opera / IE7中(除了Firefox 5之外我唯一需要测试的),但按钮不会回到原来的状态。调用removeClass后,原始CSS不会“通过”。我该如何解决这个问题(希望没有浏览器特定的黑客攻击?)

1 个答案:

答案 0 :(得分:2)

尝试更改

$('li:not(#pass_settings_btn').removeClass('clicked');

$('li:not(#pass_settings_btn)').removeClass('clicked');