更新时间:2022-03-16 07:45:16
在不同的元素上使用相同的 id
, id
必须是唯一的,并尝试:
First of all don't use same id
on different elements, id
's must be unique and try this:
jQuery:
$('.menuitem').click(function() {
$('.menuitem').removeClass('active');
//removes active class from all menu items
$(this).addClass('active');
//adds active class to clicked one
});
html:
<div id="tab1" class="menuitem"></div>
<div id="tab2" class="menuitem"></div>
css:,您不需要为活动类定义相同的属性,只是定义区别:
css: you don't need to define same properties to active class, just define the difference:
.active { background-color: red; }
.menuitem {
width: 170px;
height: 70px;
float: right;
background-color: white;
}