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

原创

KaiSarH 2022-03-10 09:46:12 博主文章分类：第三方框架 ©著作权

©著作权归作者所有：来自51CTO博客作者KaiSarH的原创作品，请联系作者获取转载授权，否则将追究法律责任

在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')
})

上一篇：Node.js：POST请求、文件上传

下一篇：EasyUI：easyUI中自定义icon

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

Layui官网模块规范

预先加载模块layui 通过 use 方法加载模块。当你的 JS 需要用到 layui 模块的时候，且避免到处写 layui.use() 的麻烦。你应该在最外层如此定义：</>layui.use(['form', 'upload'], function(){ //如果只加载一个模块，可以不填数组。如：layui.use('form') var form = layui.form

加载根目录上传
Layui官网—表单 - 页面元素

在一个容器中设定 class="layui-form" 来标识一个表单元素块，通过规范好的HTML结构及CSS类，来组装成各式各样的表单元素，并通过内置的 form模块来完成各种交互。依赖加载模块：form （请注意：如果不加载form模块，select、checkbox、radio等将无法显示，并且无法使用form相关功能）小睹为快通过上述的小

表单重置加载
Layui官网页面元素规范与说明

layui 提倡返璞归真，遵循于原生态的元素书写规则，所以通常而言，你仍然是在写基本的 HTML 和 CSS 代码，不同的是，在 HTML 结构上及 CSS 定义上需要小小遵循一定的规范。CSS 内置公共基础类类名（class）说明布局 / 容器layui-main用于设置一个宽度为 1140px 的水平居中块（无响应式）layui-inline用于将标签设为内联块状元素layui-clear用于

HTML CSS 自定义属性
Qt Creator 中菜单栏点击事件

文章目录1、简介2、Qt Creat创建按键3、转换成 .py 文件4、自定义按键点击功能1、简介菜单栏上添加按键，

pyqt 自定义 Qt 访问者
使用layui实现的左侧菜单栏以及动态操作tab项

注意思路，可能具体实现的代码有一些出入，但是这篇文章的思路是正确的

layui 左侧菜单栏动态操作tab项切换tabs 点击添加
JAVA鼠标右键点击菜单栏怎么获取右键点击事件

## JAVA鼠标右键点击菜单栏获取右键点击事件的方案### 问题背景在JAVA图形界面应用程序中，我们经常会遇到需要在菜单栏中添加右键点击事件的需求。用户在菜单栏中右键点击某个选项时，程序需要捕获该点击事件并执行相应的操作。本文将介绍如何通过JAVA代码实现获取右键点击事件，并提供一个具体的示例来解决这个问题。### 解决方案#### 1. 创建菜单栏首先，我们需要创建一个菜单栏

右键菜单栏菜单项
layui 按钮点击事件触发禁用无效

文章目录[隐藏] 前言修改前代码-禁用后依然触发点击事件前言最近再搞layui表单时，发现提交后我把提交按钮禁用了，依然触发提交事件，找了半天发现是我再写表单时把表单按钮写成 div 了，改为 button 就正常了。修改前代码-禁用后依然触发点击事件<div class="layui-btn layui-btn-disabled">提交</div>修改后代...

git jquery js java javascript
layui时间选择器点击事件

问题最近写了一个项目用到了layui框架，其中在用到时间选择器控件的时候想做一个点击一个时间可以触发一个事件，然后这个事件可以获取点击的时间，最终通过获取的时间来进行数据库查找，但是无奈怎样也触发不了点击事件，网上同题目的博客很多，大多不是这个问题，接下来我就说一下我是怎么解决的。解决1、首先在我们的时间选择器组件上加上id

javascript html jquery es6 前端
layui无限级菜单

layui无限级菜单发现个bootstrap的皮肤layui的挺漂亮的，但菜单只支持两级，现信息业务系统中可能不够用，下面扩展一下。//获取下级节点function getMenus(parentId) { // var menus = [{ menuName: "菜单1", url: "", id: "root1", parentId: "", hasChild: true

layui menu 菜单初始化 javascript
菜单栏

菜单效果图 shift color

html 布局 css JAVA
LayUi中的按钮点击事件怎么写？

首先，小编要告诉大家一个残酷的现实，那就是layui对按钮没有提供点击事件的支持… 这里的点击事件是指单纯的点击事件，而不是提交事件，或者是数据表格中内嵌的button，对于这两者，layui是有lay-submit和lay-event这个属性进行支持的，所以这里只能使用最原始的js和jq进行监听点

点击事件 ico jquery
java点击导航菜单代码 java菜单栏点击事件

现在只剩下了最后10%的工作——添加菜单和按钮的功能。菜单栏可以选择两种模式：单一规则和随机规则模式；点击按钮实现单步迭代。 1、先来个简单的，菜单事件 1.1、问曰：什么是菜单事件？如何实现菜单事件？答曰：我也不懂，但你一看下面的这个代码就懂了……{！参考}package myFenxing.release;import java.awt.CheckboxMenuItem;

java点击导航菜单代码 java 迭代菜单项
layui监听radio点击事件

官方文档：https://www.layui.com/doc/modules/form.html#onradio

layui dom对象 html JAVA
【Layui】04 导航 Nav

文档地址： https://www.layui.com/doc/element/nav.html 演示案例： <ul class="layui-nav" lay-filter=""> <li class="layui-nav-item"><a href="">最新活动</a></li> <li cl

菜单项自定义 javascript 模版大数据
可点击的java列表 java菜单栏点击事件

javafx 实现menu的点击事件javafx Menu默认的点击事件是作用于它的子菜单MenuItem身上的，如果要实现它自己的点击事件，需要使用它的graphic属性。例如：如下图有三个菜单，分别是文件、编辑、关于，文件和编辑都有子菜单，文件和编辑菜单的默认点击效果是展示它们各自的子菜单。如果想点击关于菜单让它直接弹出一个对话框，则可以通过以下代码进行修改 1.fxml文件的Control

javafx menu xml 点击事件 java
layui table 行点击事件与列点击事件冲突

问题描述：工具栏的点击事件，会冒泡到行点击事件中，原打算阻止事件冒泡，结果失败，阻止不了，索性不用layui官网的工具栏tool和行row监听事件。table：<table id="conManager" lay-filter="conManager" class="layui-table layui-form">table> 原本的监听事件，如下： //监听行单

layui table
layui radio 表单点击单选事件

HTML <form class="layui-form special_form_upload">  <div class="layui-form-item"> <label class="layui-form-lab ...

css html
layui 点击跳转 iframeMain layui弹出div

从酒店管理系统到智能门锁及其现在的资源共享平台，layui框架，我们团队用的比较多的就是这个layui弹出层。 layui弹出层，除了页面iframe层我们比较常用还有就是表单校验和其他相关的友好提示信息。通常比较常用的方式是layui+jQuery，layui主要引用layui相关的js和css文件，jQuery的话，通常就是两个版本，压缩版和源码版，压缩版就像我们Java没有用mav

javascript java 后端 ViewUI 压缩版
jquery菜单栏 javascript菜单栏

JavaScript允许你在网页中添加交互和反馈，使得用户体验更棒也更直观。本文将为大家介绍20个基于JavaScript的导航菜单。要记住如果客户端浏览器关闭了JavaScript(平均有5%的用户通过W3 web statistics关闭了JS)，这些技巧中的几个可能不能正常工作。在这篇文章中，你将发现一些非常棒的、独特的JavaScript导航技巧和实例。点击图片直接跳转到导航菜单演示页面

jquery菜单栏 javascript jquery mootools jquery菜单
layui事件监听

参考地址：https://www.layui.com/doc/modules/form.html 截图：语法：form.on('event(过滤器值)', callback); form模块在 layui 事件机制中注册了专属事件，所以当你使用layui.onevent()自定义模块事件时，请勿占

dom对象复选框表单回调函数事件过滤器
mysql创建一个emp表

mysql-您可以在SQL中定义“文字”表吗？是否有任何SQL子查询语法可让您从字面上定义临时表？例如，类似SELECT MAX(count) AS max, COUNT(*) AS count FROM ( (1 AS id, 7 AS count), (2, 6), (3, 13), (4, 12), (5, 9) ) AS mytable INNER JOIN someothertable

mysql创建一个emp表 mysql怎么创建文字表 SQL git MySQL
grafana添加query

安装并运行 node_exporter下载 node_exporter 解压到指定 /app/exporter编写管理脚本control_node_exporter.sh，并给予权限 chmod + x control_node_exporter.sh，脚本内容如下： #!/bin/bash PID_FILE="node_exporter.pid" LOG_FILE="nod

grafana添加query linux centos prometheus docker
python random seed

Python中的random模块用于生成随机数。下面介绍一下random模块中最常用的几个函数。seed() 函数 Python 数字描述 seed() 方法改变随机数生成器的种子，可以在调用其他随机模块函数之前调用此函数。。语法以下是 seed() 方法的语法:import random random.seed ( [x] )注意：seed(()是不能直接访问的，

python random seed Python 随机数字符串
c语言系统架构技术架构

计算机语言分类1> 机器语言（机器指令）2> 汇编语言3> 高级语言（Basic、C语言、Java、C++、C#/.net、OC、VB、PHP等）C语系和C语言关系、强类型语言C语系--由C语言演变而来的语言；比如C++、Java等。C语言--主要用于底层开发，因此C语言也被称为中级语言。强类型语言--就是变量在使用之前必须显式声明类型，声明类型只需要声明一次即可；使用时不能

c语言系统架构技术架构 c/c++ java 开发工具 #include
前后端分离模式 springboot

简述对前后端分离的工作模式的认识一、前后端分离的基本概念前端后端交互，基本上是基于http+json的形式。后端人员专注于提供数据，更重要职责是维护系统架构的稳定，保证数据的安全。前端人员专注于交互，快速响应UI的变化。双方交互基于ht

前后端分离模式 springboot 前后端分离 json 提供数据

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯