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

Question

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

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

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

Answer 1

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

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

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