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

时间:2015-07-24 17:08:37

标签: material-design-lite

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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