material-design-lite - マテリアル デザイン ライトで開いている引き出しを非表示にする方法

Question

引き出しの中に一連のリンクがあります。ここのナビゲーションの例のように:

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

唯一の違いは、リンクによってページが更新されないことです (バックボーンで構築された単一ページ アプリです)。リンクをクリックした後にドロワーを閉じるにはどうすればよいですか?

Answer 1

ドロワーに .is-visible クラスがあるようで、それを削除するとドロワーが非表示になります。したがって、（jqueryを使用して）次のようなものがドロワーを切り替えます：

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

したがって、それをリンクのイベント ハンドラーに追加するか、onClick 属性に配置する必要があります。