Javascript 移动菜单在internet explorer中不起作用
我对internet explorer中的“移动菜单”有问题它不工作- 我还有一个桌面viev的菜单。在chrome、firefox和opera中,opera都很好。哪里出了错,我能修一下吗Javascript 移动菜单在internet explorer中不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我对internet explorer中的“移动菜单”有问题它不工作- 我还有一个桌面viev的菜单。在chrome、firefox和opera中,opera都很好。哪里出了错,我能修一下吗 函数myFunction(){ var x=document.getElementById(“myTopnav”); 如果(x.className==“topnav”){ x、 类名+=“响应”; }否则{ x、 className=“topnav”; } } @媒体屏幕和(最大宽度:579px){ ul
函数myFunction(){
var x=document.getElementById(“myTopnav”);
如果(x.className==“topnav”){
x、 类名+=“响应”;
}否则{
x、 className=“topnav”;
}
}
@媒体屏幕和(最大宽度:579px){
ul.topnav li{显示:无;}
ul.topnav li.icon{
显示:内联块;}
}
@媒体屏幕和屏幕(最大宽度:579px){
ul.topnav.responsive{位置:相对;}
ul.topnav.responsive li.icon{
位置:绝对位置;
右:0;
顶部:40px;
}
}
ul.topnav.li{
浮动:无;
显示:内联;
}
-
查看您的网站后,我坚信您有一些解析错误。一些浏览器会忽略它们,并正确地处理您的bug,这就是为什么它可以在Chrome上工作,但IE在这方面有点挑剔
具体来说,您有相当多的括号没有正确闭合。您可以使用类似的服务来正确标识特征线
CSS没有其他问题,因为错误在于
.icon
从未出现,因为该CSS部分(将其设置为display:inline block
的媒体查询)未在IE中解释,因此它仍然读取display:none代码>什么版本的IE?控制台有错误吗?你能提供一个最小的、完整的和可验证的例子吗?Windows IE 11和手机我看不到版本,但手机有Windows 8.1。在控制台中,我看不到任何错误。遗憾的是,如果我们不能自己运行它,我们就无法提供太多帮助,但看起来代码还可以,即支持您正在使用的javascript,所以我会尝试确保元素是“可点击的”,如中所示,使其变大或确保没有任何重叠,并且仍然触发事件。您还应该通过添加一些警报或某种确保函数执行的方法来确保函数正在运行。