小さな画面に切り替えるときに引き出しを開くようにします

Question

Material Design Liteを使用しようとしていて、小さなインターフェースを作っています。そして今、私は問題に直面しています - 私は引き出しを常に開いて、ウィンドウがロードされ、ウィンドウが大画面から小画面になるようにする必要があります。 デフォルトでは、引き出しは常に閉じた状態から始まります。

引き出しボタン（スクリーンショットではピンク色）を押すと、いくつかの変更が発生することがわかりました。

私はそのようQuerySelector使用しようとした：

...私は本当にそれを積み重ね）

var obfuscator = document.querySelector('.mdl-layout__obfuscator'); 
obfuscator.className = 'mdl-layout__obfuscator is-visible' 

が、それはその要素を検出カント...誰かがこのような単純なタスクを行うには良い方法を欲しがることができます）？

Answer 1

リンクに基づいて、そのコディがコメントに与えた、私はそれを得た。

window.onload = function() { 
     var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0) 
     if (w <= 1000) { 
      document.querySelector('.mdl-layout__obfuscator').classList.add('is-visible'); 
      document.querySelector('.mdl-layout__drawer').classList.add('is-visible'); 
     }; 
    }; 

だから、画面サイズが1000px以下になると引き出しが開きます。私の最初の間違いは、material.jsがdeferでロードされていなかったことと、そのためにmdl-layout__obfuscatorとmdl-layout__drawerが見つかりませんでした。常にそうであるように、愚かな間違いは痛みを感じました。あなたはその場所を知っています:)