在Jquery隐藏汉堡包菜单图标

时间:2016-12-11 08:52:48

标签: javascript jquery html css

我在MaterialDesignLite中使用汉堡包菜单图标创建导航布局。但是如果用户退出我需要隐藏它。但是出于某种原因,如果我在jquery中执行它,它就不会隐藏,但是如果我直接在css中执行它就会隐藏。

这是有效的:

.mdl-layout__drawer-button{
display: none;
}

这不起作用:

$(".mdl-layout__drawer-button").hide();

This是JSFiddle

3 个答案:

答案 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