编程 Javascript

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

Posted in Javascript onSeptember 25, 2019

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

没有下拉效果是这样的

经过修改后就解决了:

关于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导航栏不展示下拉列表的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

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

- Author -

aimashi@@@

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

有道JavaScript监听浏览器的问题

Jun 23 Javascript

jquery实现ajax提交form表单的方法总结

Mar 03 Javascript

javascript计时器详解

Feb 28 Javascript

Javascript获取background属性中url的值

Oct 17 Javascript

Bootstrap模态窗口源码解析

Feb 08 Javascript

jQuery动态产生select option下拉列表

Mar 15 Javascript

详解vue2父组件传递props异步数据到子组件的问题

Jun 29 Javascript

JS中DOM元素的attribute与property属性示例详解

Sep 04 Javascript

微信小程序button标签open-type属性原理解析

Jan 21 Javascript

JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】

Feb 24 Javascript

JavaScript计算出两个数的差值

Mar 19 Javascript

jQuery实现雪花飘落效果

Aug 02 jQuery

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