material-design-lite - 关闭布局抽屉

Question

如何以支持的方式关闭/隐藏布局抽屉？在 1.0.6 版本之前，我一直通过从抽屉中删除“可见”类来关闭抽屉。从版本 1.0.6 开始，这不再正常工作。当您关闭抽屉时，半透明的混淆器 div 并不总是清除。

我试图将此作为一个错误提出，但显然团队不支持关闭抽屉，除了点击它之外。

你可以在这里看到一个非常简单的例子:http://jsbin.com/tajedahexi/edit?html,js,output

Answer 1

你可以做到这一点。这是一个黑客。

document.body.querySelector('.mdl-layout__obfuscator.is-visible').click();
//or
document.querySelector('.mdl-layout').MaterialLayout.drawerToggleHandler_();

有一个 MaterialLayout drawerToggleHandler_ 方法被标记为私有(private)。但你可以使用它。它会做同样的事情。 Material Lite Source, drawerToggleHandler