關于layui導航欄不展示下拉列表的解決方法
更新時間：2019年09月25日 15:44:42 作者：aimashi@@@
今天小編就為大家分享一篇關于layui導航欄不展示下拉列表的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在使用導航欄時下拉列表不展示
沒有下拉效果是這樣的
經(jīng)過修改后就解決了:
具體原因是沒有導入: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導航欄不展示下拉列表的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了原生js實現(xiàn)的金山打字小游戲，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
iframe自適應寬度、高度 ie6 7 8，firefox 3.86下測試通過
近期需要一個iframe自適應高度的東西，在網(wǎng)上找了很多，都不能用……一看大體的日期都是大概 2008年前后的其他近期的基本都是以前的轉載，所以只好自己動手了。2010-07-07
js實現(xiàn)for循環(huán)跳過undefined值示例
這篇文章主要介紹了js實現(xiàn)for循環(huán)跳過undefined值,結合實例形式分析了js使用for循環(huán)針對數(shù)組的遍歷、判斷、運算等相關操作技巧,需要的朋友可以參考下2019-07-07
javascript性能優(yōu)化之DOM交互操作實例分析
這篇文章主要介紹了javascript性能優(yōu)化之DOM交互操作技巧,結合實例形式總結分析了JavaScript針對DOM操作過程中的各種常見優(yōu)化操作技巧,需要的朋友可以參考下2015-12-12
基于BootStrap Metronic開發(fā)框架經(jīng)驗小結【七】數(shù)據(jù)的導入、導出及附件的查看處理
在很多系統(tǒng)模塊里面，我們可能都需要進行一定的數(shù)據(jù)交換處理，這樣可以很好的達到用戶操作體驗感，接下來通過本文給大家介紹基于BootStrap Metronic開發(fā)框架經(jīng)驗小結【七】數(shù)據(jù)的導入、導出及附件的查看處理相關知識，非常具有參考價值，感興趣的朋友一起學習吧2016-05-05
這篇文章主要給大家介紹了JS實現(xiàn)手寫parseInt的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2017-09-09
讓mayfish支持mysqli數(shù)據(jù)庫驅動的實現(xiàn)方法
mysql 是非持繼連接函數(shù)而 mysqli 是永遠連接函數(shù)。也就是說 mysql 每次鏈接都會打開一個連接的進程而 mysqli 多次運行 mysqli 將使用同一連接進程,從而減少了服務器的開銷。2010-05-05
JavaScript結合HTML DOM實現(xiàn)聯(lián)動菜單
這篇文章主要為大家詳細介紹了JavaScript結合HTML DOM實現(xiàn)聯(lián)動菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
想象一下，你把一個重要內(nèi)容放在一個彈出窗口，又不聚集到這個窗口。讓使用屏幕閱讀器的同學情何以堪，只有當他們 tab 到這頁面結束，還繼續(xù) tab，才可能找到這個彈窗2011-10-10
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)底部彈出框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11