关于layui导航栏不展示下拉列表的解决方法


Posted in Javascript onSeptember 25, 2019

在使用导航栏时下拉列表不展示

没有下拉效果是这样的

关于layui导航栏不展示下拉列表的解决方法

经过修改后就解决了:

关于layui导航栏不展示下拉列表的解决方法

具体原因是没有导入:layui/layui.js

我的jsp代码是这样的:

<html>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
<meta http-equiv="Cache-Control" content="no-siteapp" />
 
<link rel="shortcut icon" href="/favicon.ico" rel="external nofollow" type="image/x-icon" />
<link rel="stylesheet" href="/ssm/static/css/font.css" rel="external nofollow" >
<link rel="stylesheet" href="/ssm/static/css/xadmin.css" rel="external nofollow" >
<link rel="stylesheet" href="/ssm/static/lib/layui/css/layui.css" rel="external nofollow" />
<script type="text/javascript" src="/ssm/jquery/jquery-1.4.4.min.js"></script>
<script src="/ssm/static/lib/layui/layui.all.js" charset="utf-8"></script>
<script src="/ssm/static/lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="/ssm/static/js/xadmin.js"></script>
 
<head>
<title>Title</title>
</head>
<script>
//注意:导航 依赖 element 模块,否则无法进行功能性操作
layui.use('element', function(){
var element = layui.element;
 
});
</script>
<body>
<ul class="layui-nav">
<li class="layui-nav-item">
<a href="">控制台<span class=" rel="external nofollow" layui-badge">9</span></a>
</li>
<li class="layui-nav-item">
<a href="">个人中心<span class=" rel="external nofollow" layui-badge-dot"></span></a>
</li>
<li class="layui-nav-item">
<a href=""><img src=" rel="external nofollow" //t.cn/RCzsdCq" class="layui-nav-img">我</a>
<dl class="layui-nav-child">
<dd><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" >修改信息</a></dd>
<dd><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" >安全管理</a></dd>
<dd><a href="javascript:;" rel="external nofollow" rel="external nofollow" rel="external nofollow" >退了</a></dd>
</dl>
</li>
</ul>
</body>
</html>

以上这篇关于layui导航栏不展示下拉列表的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
2007/12/23更新创意无限,简单实用(javascript log)
Dec 24 Javascript
for 循环性能比较 提高for循环的效率
Mar 19 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
Jun 08 Javascript
JS两种定义方式的区别、内部原理
Nov 21 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
Feb 14 Javascript
WebApi+Bootstrap+KnockoutJs打造单页面程序
May 16 Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
Dec 28 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
Dec 13 Javascript
基于iview的router常用控制方式
May 30 Javascript
node.js中path路径模块的使用方法实例分析
Feb 13 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
Sep 25 #Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
Sep 25 #Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 #Javascript
使用localStorage替代cookie做本地存储
Sep 25 #Javascript
JavaScript使用localStorage存储数据
Sep 25 #Javascript
Vue路由守卫之路由独享守卫
Sep 25 #Javascript
使用Layer组件弹出多个对话框(非嵌套)与关闭及刷新的例子
Sep 25 #Javascript
You might like
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
php基于GD库画五星红旗的方法
2015/02/24 PHP
php实现等比例不失真缩放上传图片的方法
2016/11/14 PHP
Zero Clipboard js+swf实现的复制功能使用方法
2010/03/07 Javascript
JS的反射问题
2010/04/07 Javascript
Extjs Gird 支持中文拼音排序实现代码
2013/04/15 Javascript
node.js中的fs.fchmodSync方法使用说明
2014/12/16 Javascript
Highcharts使用简例及异步动态读取数据
2015/12/30 Javascript
Vue.js实现简单动态数据处理
2017/02/13 Javascript
Vue.js结合Ueditor富文本编辑器的实例代码
2017/07/11 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
Vue.js 的移动端组件库mint-ui实现无限滚动加载更多的方法
2017/12/23 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
2018/01/26 Javascript
详解Vue单元测试case写法
2018/05/24 Javascript
Vue之mixin全局的用法详解
2018/08/22 Javascript
webpack4打包vue前端多页面项目
2018/09/17 Javascript
JS数组去重的6种方法完整实例
2018/12/08 Javascript
k8s node节点重新加入master集群的实现
2021/02/22 Javascript
[01:17:47]TNC vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python虚拟环境Virtualenv使用教程
2015/05/18 Python
Python代码生成视频的缩略图的实例讲解
2019/12/22 Python
python语言的优势是什么
2020/06/17 Python
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
西铁城美国官方网站:Citizen Watch美国
2019/11/08 全球购物
物流专业大学应届生求职信
2013/11/03 职场文书
应用心理学个人的求职信
2013/12/08 职场文书
小学生秋游活动方案
2014/02/23 职场文书
2014年迎新年联欢会活动策划方案
2014/02/26 职场文书
工程安全员岗位职责
2014/03/09 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
故意杀人案辩护词
2015/05/21 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript
MySQL 服务和数据库管理
2021/11/11 MySQL
python flappy bird小游戏分步实现流程
2022/02/15 Python