html - 让可折叠导航栏在 Internet Explorer 中工作的问题
问题描述
我前几天制作的可折叠导航栏适用于 Chrome、Firefox、Safari 和 Edge。它在 Internet Explorer 中不起作用。
问题是导航栏折叠后导航栏的链接仍然可见。因此正文内容覆盖在导航栏的链接之上。所有链接仍然可以点击。
这是我的崩溃 javascript,没什么特别的。
<script>
function openNav() {
document.getElementById("menu").style.width = "20em";
$("#footer").show();
}
function closeNav() {
document.getElementById("menu").style.width = "0";
document.getElementById("content").style.marginLeft = "0";
$("#footer").hide();
}
function toggle() {
var toggleButton = $("#toggleButton");
if (toggleButton.attr('name') === 'open') {
closeNav();
toggleButton.attr('name','close');
} else {
openNav();
toggleButton.attr('name','open');
}
}
</script>
解决方案
我通过显示和隐藏包含链接的 div 解决了这个问题。
<script>
function openNav() {
document.getElementById("menu").style.width = "20em";
$("#footer").show();
$("#links").show();
}
function closeNav() {
document.getElementById("menu").style.width = "0";
document.getElementById("content").style.marginLeft = "0";
$("#footer").hide();
$("#links").hide();
}
function toggle() {
var toggleButton = $("#toggleButton");
if (toggleButton.attr('name') === 'open') {
closeNav();
toggleButton.attr('name','close');
} else {
openNav();
toggleButton.attr('name','open');
}
}
</script>
推荐阅读
- python - Python 字典 - 循环问题(嵌套) | TypeError:列表索引必须是整数或切片,而不是 str
- css - 使用溢出制作父滚动条:如果子溢出则不显示自动
- git - git如何忽略以前提交的单个文件
- linux - 比较两个文件中的第一列并打印与第一个文件中相同的第一列
- java - 在空手道中,将 Java 函数包装在 JavaScript 函数中有什么好处?
- python - 从图像python中裁剪检测到的区域
- java - javax.enterprise.event 与 org.eclipse.microprofile.reactive.messaging 的优缺点是什么?
- python - Python3 - imaplib - 使用 pem 证书解密
- r - R中的汇总函数没有给出频率表
- javascript - React 应用程序在本地系统上加载时间过长