您好,登錄后才能下訂單哦!
這篇文章主要介紹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導航欄不展示下拉列表怎么辦”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。