如何在材料设计生活中隐藏一个打开的抽屉

Question

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

http://www.getmdl.io/components/index.html # layout部分/布局

唯一的区别是，我的链接不会导致页面刷新(这是一个单页应用程序建立与骨干)。单击链接后如何关闭抽屉?

Answer 1

看起来在抽屉上有一个。is-visible类，通过删除它，抽屉隐藏了。所以(使用jquery)像这样切换抽屉:

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

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