关闭布局抽屉

Question

如何以支持的方式关闭/隐藏布局抽屉？高达1.0.6版本我一直在关闭抽屉，删除它中的'is-visible'类。从版本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_方法，它被标记为私有。但你可以使用它。它会做同样的事情。 Material Lite Source, drawerToggleHandler

Answer 2

自从我发布此问题以来，Google已添加了一种公共方法来切换抽屉：

var layout = document.querySelector('.mdl-layout'); // Get layout reference
layout.MaterialLayout.toggleDrawer();

一旦发布了包含该更改的版本，我就成功实施了官方方法。