如何在材料设计Lite中隐藏打开的抽屉

Question

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

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

Answer 1

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

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

因此，我需要将其添加到链接的事件处理程序中，或者将其放入 onClick 属性中。