javascript - 在 Jquery 中隐藏汉堡菜单图标

Question

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

这是有效的:

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

这是行不通的:

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

This是 JSFiddle

Answer 1

在 material.teal-indigo.min.css 文件中，您将搜索“mdl-layout__drawer-button”，您将找到定义该属性的位置。将显示“阻止”设置为“无”。由于那里定义的属性很重要，因此您不能覆盖该属性。