关闭布局抽屉

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

因为我张贴了这个问题，谷歌已经增加了一个公共的方法来切换抽屉：

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

一旦包含一个改变的版本发布我成功实施了官方的方法。