layUI：垂直导航栏点击某个导航时关闭其他已开启导航

在layUI导航栏的代码中，使用layui-nav-itemedclass类来控制导航是打开还是关闭。
所以当我们点击一个导航栏的时候，给这个导航栏所有的兄弟节点删除layui-nav-itemed类名即可

实现代码：

$('.layui-nav-tree').on('click','li',function(){$(this).addClass('layui-nav-itemed').siblings('li').removeClass('layui-nav-itemed')
})

layUI：垂直导航栏点击某个导航时关闭其他已开启导航相关推荐

layui隐藏侧边栏_layui禁用侧边导航栏点击事件的处理方法
layui是一款优秀的前端模块化css框架.我用layui做过两个完整的项目,对她的感觉就是,这货非常适合做后台管理界面,且基于jquery,很容易上手.当然,她最大的优点我觉得还是她的模块化方式,相 ...
微信小程序顶部导航栏点击选项产生颜色变化和底部下划线显示
在很多程序中都有一个功能,就是顶部导航栏点击的时候能自动切换页面,并且选中的模块会变换颜色并且底部出现一条横线. 首先思考这个功能的实现原理--通过"点击"这个动作,我们能知道点击 ...
Vue 实现导航栏滑到顶部固定，滑动到相应位置导航栏有相应选中效果，点击导航跳转到对应位置
主要思路导航栏固定判断页面卷曲是否大于导航栏的offsetTop的值,超过了就证明导航栏到达了顶部,给导航栏添加固定样式的类名,注意:需要拿到导航栏固定前的offsetTop值,固定后的offse ...
html 导航栏选中状态,jQuery“导航栏点击选中效果“代码
现在的网站菜单导航栏几乎都有点击选中效果,正好今天我在开发项目中也需要用上这样的效果,下面就给大家分享一下,亲测有效,大家放心使用. 1.引入jQuery核心文件 2.加入"jQuery导航 ...
bootstrap 导航栏字体颜色_设计自己的Hugo主题——开发导航栏
引言导航栏组件对于整个站点来讲应该说是至关重要的,因为它会出现在每个界面中.对我来讲,导航栏是最吸引人.最有意思的地方,因为针对不同的屏幕大小,他能显示出不同的样式风格,而且当我去访问一个界面时,我 ...
bootstrap4导航栏点击弹出表单_Bootstrap4从入门到精通
一.布局 0.课件 1.Bootstrap介绍_栅格系统 2.禁用响应式_响应式分界点二.内容 3.排版_代码 4.图片_图片框 5.表格三.公共样式 6.边框_浮动 7.颜色_Display显示 ...
html导航栏点击不能跳转,无法单击导航栏中的链接CSS HTML
不确定是否允许您链接您的网站,但是如果允许. 因此,我可以将所有链接悬停在导航栏中,但我无法点击它们,并且S的图片是可移动的,但无法点击,我做错了什么?无法单击导航栏中的链接CSS HTML Nick ...
html导航栏页面切换的js,js实现页面滚动切换导航栏/点击导航栏跳转到指定位置...
最近一直在弄页面的事情,对页面方面的知识又巩固了一下.这次的内容如题,大家对代码有疑问或者是有更好的方法欢迎留言! js部分 //标题对象 var title = document.getElemen ...
html5导航栏点击之后变色,vue实现导航栏点击当前标题变色
1.效果 2.步骤首先在vue实例中生命一个数组,里面放置导航栏的内容,并声明两个变量,一个控制下方文字的变动,一个控制颜色的变动然后再创建一个列表,通过v-for遍历数组,将这个数组显示到页面中 ...
jq导航栏点击滚动到对应位置导航栏随页面滑动变化对应导航颜色
需要做个手机站,顶端有导航栏,点击导航栏页面滑到相应位置,并且滑动页面,导航栏也随之变化.由于不大会js,只能网上找了些代码,但是都不完全适用,就自己改造了一番,写的比较粗糙,但是对初学者来说,算是比 ...

layUI：垂直导航栏点击某个导航时关闭其他已开启导航

layUI：垂直导航栏点击某个导航时关闭其他已开启导航相关推荐

最新文章

热门文章