我有用于模拟按钮的列表标签的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不会“通过”。我该如何解决这个问题(希望没有浏览器特定的黑客攻击?)
答案 0 :(得分:2)
尝试更改
$('li:not(#pass_settings_btn').removeClass('clicked');
到
$('li:not(#pass_settings_btn)').removeClass('clicked');