Layui导航栏下拉菜单不显示问题

1.首先检查自己有没有导入layui.js

2.检查是否已经加载element模块

<ul>
.......
</ul>
//放到你导航栏代码块的后面
<script>
//注意：导航 依赖 element 模块，否则无法进行功能性操作layui.use('element', function(){var element = layui.element;});</script>

3.如果前两部都做过了没用，而且你是F12查看网页源码，直接复制到你的代码里的，那么很大概率就是下面这段代码的问题：需要删去最后一行的 <span class="layui-nav-bar" style="left: 362px; top: 55px; width: 0px; opacity: 0;"></span>就可以立即见效，侧边导航无法展开同理删去多余的span标签

<ul class="layui-nav"><li class="layui-nav-item"><a href="">最新活动</a></li><li class="layui-nav-item layui-this"><a href="">产品</a></li><li class="layui-nav-item"><a href="">大数据</a></li><li class="layui-nav-item"><a href="javascript:;">解决方案<span class="layui-nav-more"></span></a><dl class="layui-nav-child layui-anim layui-anim-upbit"><dd><a href="">移动模块</a></dd><dd><a href="">后台模版</a></dd><dd><a href="">电商平台</a></dd></dl></li><li class="layui-nav-item"><a href="">社区</a></li><span class="layui-nav-bar" style="left: 362px; top: 55px; width: 0px; opacity: 0;"></span>
</ul>

Layui导航栏下拉菜单不显示问题相关推荐

HTML字母导航栏怎么做,html导航栏下拉菜单怎么制作？这里有详细的代码实例
本篇文章介绍了关于html导航栏下拉菜单的制作,文章一开始就给出了全部的导航栏下拉菜单的代码,没看懂的下面都有详细的解释.下面就让我们一起来看这篇文章吧我们要说的是html导航栏下拉菜单的制作,先看 ...
CSS3——对齐组合选择符伪类伪元素导航栏下拉菜单
水平&垂直对齐元素居中对齐 .center {margin: auto;width: 50%;border: 3px solid green;padding: 10px; } 文本居中对齐 ...
html 下拉导航栏源码,html导航栏下拉菜单怎么制作？这里有详细的代码实例
元素来包裹这些元素,并使用CSS来设置下拉内容的样式. html导航栏菜单的CSS部分: .dropdown类使用position:relative,这将设置下拉菜单的内容放置在下拉按钮(使用posi ...
导航栏下拉菜单的制作
导航栏 , 下拉菜单的制作代码示范 : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...
导航栏下拉菜单效果代码
导航栏,菜单栏下拉简单实现先看看效果图 <!-- jQuery Drop-down Menu/Navigation bar Copyright 2017-9-21, Jachin QQ: 38 ...
Bootstrap导航栏下拉菜单鼠标滑过展开
boostrap的导航栏不提供鼠标滑过展开,通过给类为dropdown的li标签添加和移除open类实现 $(function () {$(".dropdown").mouseov ...
html纯css实现导航栏下拉菜单（带下拉三级菜单）
本文转载于:https://blog.csdn.net/qq_30449567/article/details/80548720 <!DOCTYPE html> <html lang ...
dw添加下拉菜单_怎样用dw制作导航栏下拉菜单
一.工具:dw工具二.操作步骤: [1]打开dw软件,新建立一个新的文件. [2]点击常用,选择布局,绘制一个层. [3]再点击层,再绘制一个.可以看到,第一个层是layer1,第二个是layer2 ...
html ios导航栏下拉菜单,Flutter -- iOS导航栏TabBar
1 import 'package:flutter/cupertino.dart';2 import 'package:flutter/material.dart';3 4 void main(){5 ...

Layui导航栏下拉菜单不显示问题

Layui导航栏下拉菜单不显示问题相关推荐

最新文章

热门文章