javascript - js は条件を無視します

Question

$(document).ready(function() {
if ((screen.width==240) )
{
 $('.verybig').hide();
}
else
{ 
  $('.verybig').show();
}
});  

画面が 240px のモバイル デバイスで、UI 要素の "verybig" クラスを非表示にする必要があります。上記は正しい条件のように見えますか? コードがまったく予測不可能な方法で動作する方法にパターンが見つかりません。

Answer 1

以下を使用したいと思います。

$(document).ready(function() {
    if (screen.width<=240) {
        $('.verybig').hide();
    } else { 
        $('.verybig').show();
    }
});  

これを次のようにリファクタリングできます。

$(function() {
    $('.verybig').toggle(screen.width > 240);
});