ウィンドウが768px未満の場合にブール値をtrueからfalseに変更する方法

Question

booleanの値をtrueからfalseに変更したい場合は、ウィンドウが768px未満の場合は、いいソリューションを見つけることができませんでした。 jQuery。

isSideBarActive = true; 

Answer 1

これを試してください：あなたは、ウィンドウの幅と高さを確認するために$(window).height()と$(window).width()を使用することができますし、それが何であるか、ウィンドウのサイズをチェックするために、独自のカスタム・ロジックを定義するためにwindow.onresizeを使用することができます

if (window.screen.width === 768) { this.isSideBarActive = false;} 

Answer 2

。これは、すべてのサイズ変更時にメソッドがウィンドウの幅/高さをチェックするように、再帰的に行うことができます。

Answer 3

@media cssクエリを使用してください。これに基づいて、クラスを切り替えることができます。