關閉佈局抽屜

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(); 

一旦包含一個改變的版本發佈我成功實施了官方的方法。