我正在使用 jquery 来更改选项卡被选中时的字体和背景颜色。当我选择一个选项卡时,字体更改有效但背景颜色无效。任何人都可以对我做错了什么提出意见吗?
Jquery 脚本:
<script type="text/javascript">
$(document).ready(function() {
$('.tabs a').click(function(){
switch_tabs($(this));
});
switch_tabs($('.defaulttab'));
});
function switch_tabs(obj)
{
$('.tab-content').hide();
$('.tabs a').removeClass("selected");
var id = obj.attr("rel");
$('#'+id).show();
obj.addClass("selected");
}
</script>
CSS 代码:
ul.tabs li a {
display:block;
float:left;
padding:3px;
font-size:1em;
background-color: #e0e0e0;
color:black;
text-decoration:none;
border-color: white;
}
.selected {
font-weight:bold;
background-color:#3399FF;
color:white;
}
最佳答案
更改 CSS 选择器:
从 .selected
到 ul.tabs li a.selected
。
关于jquery - 更改选项卡jquery的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12374171/