关于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 相关文章推荐
ext读取两种结构的xml的代码
Nov 05 Javascript
JavaScript DOM 学习第二章 编辑文本
Feb 19 Javascript
JavaScript驾驭网页-DOM
Mar 24 Javascript
jQuery Validate插件实现表单验证
Aug 19 Javascript
jquery插件ContextMenu设置右键菜单
Mar 13 Javascript
JavaScrpt的面向对象全面解析
May 09 Javascript
Node.js实现文件上传的示例
Jun 28 Javascript
微信小程序使用input组件实现密码框功能【附源码下载】
Dec 11 Javascript
Vue封装Swiper实现图片轮播效果
Feb 06 Javascript
基于JS实现html中placeholder属性提示文字效果示例
Apr 19 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 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
如何提高MYSQL数据库的查询统计速度 select 索引应用
2007/04/11 PHP
C/S和B/S两种架构区别与优缺点分析
2014/10/23 PHP
js+数组实现网页上显示时间/星期几的实用方法
2013/01/18 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
js简单实现标签云效果实例
2015/08/06 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
vue实现将数据存入vuex中以及从vuex中取出数据
2019/11/08 Javascript
JS 事件机制完整示例分析
2020/01/15 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
vue设置默认首页的操作
2020/08/12 Javascript
[09:23]国际邀请赛采访专栏:iG战队VK,Tongfu战队Cu
2013/08/05 DOTA
[03:05]DOTA2英雄基础教程 嗜血狂魔
2013/12/10 DOTA
python中urllib模块用法实例详解
2014/11/19 Python
python 查找字符串是否存在实例详解
2017/01/20 Python
我就是这样学习Python中的列表
2019/06/02 Python
使用Python爬虫库BeautifulSoup遍历文档树并对标签进行操作详解
2020/01/25 Python
HTML5中Localstorage的使用教程
2015/07/09 HTML / CSS
英国男士时尚购物网站:Stuarts London
2017/10/22 全球购物
Champion澳大利亚官网:美国冠军运动服装
2018/05/07 全球购物
泰国排名第一的家居用品中心:HomePro
2020/11/18 全球购物
先进集体事迹材料
2014/02/17 职场文书
人事专员工作职责
2014/02/22 职场文书
行政助理工作职责范本
2014/03/04 职场文书
农村党员一句话承诺
2014/05/30 职场文书
市场营销策划方案
2014/06/11 职场文书
物业接待员岗位职责
2015/04/15 职场文书
贴吧吧主申请感言
2015/08/03 职场文书
提档介绍信范文
2015/10/22 职场文书
2019单位介绍信怎么写
2019/06/24 职场文书
Go语言实现Snowflake雪花算法
2021/06/08 Golang
详解python的异常捕获
2022/03/03 Python