關(guān)于layui導(dǎo)航欄不展示下拉列表的解決方法
更新時(shí)間：2019年09月25日 15:44:42 作者：aimashi@@@
今天小編就為大家分享一篇關(guān)于layui導(dǎo)航欄不展示下拉列表的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
在使用導(dǎo)航欄時(shí)下拉列表不展示
沒(méi)有下拉效果是這樣的
經(jīng)過(guò)修改后就解決了:
具體原因是沒(méi)有導(dǎo)入: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>
//注意：導(dǎo)航 依賴 element 模塊，否則無(wú)法進(jìn)行功能性操作
layui.use('element', function(){
var element = layui.element;
});
</script>
<body>
<ul class="layui-nav">
<li class="layui-nav-item">
<a href="">控制臺(tái)<span class=" rel="external nofollow" layui-badge">9</span></a>
</li>
<li class="layui-nav-item">
<a href="">個(gè)人中心<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>
以上這篇關(guān)于layui導(dǎo)航欄不展示下拉列表的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
一個(gè)極為簡(jiǎn)單的requirejs實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇一個(gè)極為簡(jiǎn)單的requirejs實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
BootStrap與validator 使用筆記(JAVA SpringMVC實(shí)現(xiàn))
這篇文章主要介紹了BootStrap與validator 使用筆記(JAVA SpringMVC實(shí)現(xiàn))的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
基于BootStrap Metronic開(kāi)發(fā)框架經(jīng)驗(yàn)小結(jié)【七】數(shù)據(jù)的導(dǎo)入、導(dǎo)出及附件的查看處理
在很多系統(tǒng)模塊里面，我們可能都需要進(jìn)行一定的數(shù)據(jù)交換處理，這樣可以很好的達(dá)到用戶操作體驗(yàn)感，接下來(lái)通過(guò)本文給大家介紹基于BootStrap Metronic開(kāi)發(fā)框架經(jīng)驗(yàn)小結(jié)【七】數(shù)據(jù)的導(dǎo)入、導(dǎo)出及附件的查看處理相關(guān)知識(shí)，非常具有參考價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-05-05
JavaScript是一種描述型腳本語(yǔ)言，它不同于java或C#等編譯性語(yǔ)言,它不需要進(jìn)行編譯成中間語(yǔ)言,而是由瀏覽器進(jìn)行動(dòng)態(tài)地解析與執(zhí)行。如果你不能理解javaScript語(yǔ)言的運(yùn)行機(jī)制，或者簡(jiǎn)單地說(shuō)，你不能掌握javascript的執(zhí)行順序，那你就猶如伯樂(lè)駕馭不了千里馬2015-08-08
javascript 簡(jiǎn)練的幾個(gè)函數(shù)
看CSDN上別人的代碼，感覺(jué)比較精煉，拿來(lái)主義,需要的朋友可以看下。2009-08-08
這篇文章主要介紹了JavaScript中Number的對(duì)象解析，Number對(duì)象是數(shù)值對(duì)應(yīng)的包裝對(duì)象，可以作為構(gòu)造函數(shù)使用，也可以作為工具函數(shù)使用，感興趣的朋友可以參考一下下面文章內(nèi)容2022-08-08
本篇文章主要介紹了js 定時(shí)器的語(yǔ)法、實(shí)例、與實(shí)現(xiàn)代碼分析。具有很好的參考價(jià)值，需要的朋友一起來(lái)看下吧2016-12-12
編寫(xiě)JS的過(guò)程中,我們經(jīng)常用到對(duì)象,也會(huì)用到對(duì)象中的屬性,下面這篇文章主要給大家介紹了關(guān)于JS判斷對(duì)象屬性是否存在的五種方案,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01
腳本控制自適應(yīng)高度的縮短問(wèn)題...2007-10-10
這篇文章主要介紹了js中l(wèi)et能否完全替代IIFE，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，,需要的朋友可以參考下2019-06-06