我在MaterialDesignLite中使用汉堡包菜单图标创建导航布局。但是如果用户退出我需要隐藏它。但是出于某种原因,如果我在jquery中执行它,它就不会隐藏,但是如果我直接在css中执行它就会隐藏。
这是有效的:
.mdl-layout__drawer-button{
display: none;
}
这不起作用:
$(".mdl-layout__drawer-button").hide();
This是JSFiddle
答案 0 :(得分:1)
在material.teal-indigo.min.css
文件中,您将搜索“mdl-layout__drawer-button”,您将找到已定义属性的位置。将'block'显示为'none'。由于定义的属性很重要,因此无法覆盖该属性。
答案 1 :(得分:0)
也许试试
$(" .mdl-layout__drawer-button")。css(" display"," none");
答案 2 :(得分:0)
更改您的
$(document).load
到
$(document).ready