菜单未显示onclick功能无法正常工作
[英]menu is not showing onclick function is not working properly
问题描述
我的onclick功能无法正常运行。 当我单击菜单栏的移动菜单时，它就像一个闪光灯一样显示。 不稳定。 当我单击菜单栏时，它会添加类，但会突然删除它们。 点击事件有什么问题，我不了解。 请向我建议如何处理。
这是我的代码：
.shown { display: block !important; } .mobile-menu { position: absolute; z-index: 999; height: 100vh; width: 100%; background: #e4e3e3; top: 0; left: 0; line-height: 2; display: none; overflow: hidden; z-index: 9999; } .mobile-menu .menu-list { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 70vh; width: 100%; } .mobile-menu .menu-list .menu-item { width: 100%; text-align: center; } .mobile-menu .menu-list .menu-item .menu-link { font-size: 22px !important; text-decoration: none; cursor: pointer; font-weight: 700; display: block; transition: all .5s ease; color: #00A139; } .mobile-menu .menu-list .menu-item .menu-link:hover { color: #ffffff; background: #00A139; }
<!-- mobile menu --> <div id="menus" class="mobile-menu"> <ul class="menu-list"> <li class="menu-item"> <a class="menu-link" href="products.html">PRODUCTS</a> </li> <li class="menu-item"> <a class="menu-link" href="sustainability.html">SUSTAINABILITY</a> </li> <li class="menu-item"> <a class="menu-link" href="compliance.html">COMPLIANCE</a> </li> <li class="menu-item"> <a class="menu-link" href="investors.html">INVESTORS</a> </li> <li class="menu-item"> <a class="menu-link" href="about.html">ABOUT</a> </li> <li class="menu-item"> <a class="menu-link" href="contact.html">CONTACT</a> </li> </ul> </div> <!-- End mobile menu --> <a href="" id="myBtn" class="humburger d-lg-none d-md-none"> aaaaaa </a>
1 个解决方案
解决方案1
2 2018-04-19 10:48:58
根据您提供的代码，您将丢失：
- 在HTML中：onclick（）已连接到div或按钮。
- 在javascript中：触发创建函数的javascript（其中函数连接到HTML onclick）。
在下面，您可以找到一个基本但实用的工作示例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <button type="button" name="button" onclick="changeBackground()">Change background</button> <script type="text/javascript"> function changeBackground() { document.body.style.background = "black"; } </script> </body> </html>
下拉菜单中的 Onclick Function 不起作用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.