当点击某个菜单的时候,将其点击的当前菜单激活,其他菜单失去激活的状态
HTML代码
<div class="ui secondary vertical pointing menu" id="menu">
<a class="item active">
主页
</a>
<a class="item ">
个人信息
</a>
<a class="item">
预约用户
</a>
</div>
jq实现的过程
$('#menu a').each(function () {
$(this).on('click',function () {
$(this).siblings('a').removeClass('active');
$(this).addClass('active');
})
})
思路:
- 为每一个菜单绑定点击事件;
- 事件中的函数执行操作:1.移除同胞元素中类中的active,当前菜单类中加入active