material-design-lite - 如何在材料设计精简版中隐藏打开的抽屉

Question

我在抽屉里有一组链接。就像这里的导航示例：

http://www.getmdl.io/components/index.html#layout-section/layout

唯一的区别是我的链接不会导致页面刷新（它是一个使用主干构建的单页应用程序）。点击链接后如何关闭抽屉？

Answer 1

看起来抽屉上有一个 .is-visible 类，通过删除它，抽屉就会隐藏起来。所以（使用jquery）这样的东西会切换抽屉：

$(".mdl-layout__drawer").toggleClass("is-visible")

所以我需要将它添加到链接的事件处理程序中，或者将它放在 onClick 属性中。