layui垂直菜单如何实现单击菜单时,其他已展开的菜单自动收回?
展开全部
layUI本身不提供手风琴效果的垂直菜单 不过你可以自己用JavaScript或者jQuery进行修改;
监听导航li的点击事件,触发点击事件的时候 给当前li 添加 类名 layui-nav-itemed 并且给li的兄弟元素li清除类名 layui-nav-itemed
用jq的话写法如下
$('.layui-nav-tree').on('click','li',function(){
this.addClass('layui-nav-itemed').siblings('li').removeClass('layui-nav-itemed')
})
监听导航li的点击事件,触发点击事件的时候 给当前li 添加 类名 layui-nav-itemed 并且给li的兄弟元素li清除类名 layui-nav-itemed
用jq的话写法如下
$('.layui-nav-tree').on('click','li',function(){
this.addClass('layui-nav-itemed').siblings('li').removeClass('layui-nav-itemed')
})
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询