js忽略條件

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

我希望屏幕爲240px的移動設備隱藏ui元素的類「verybig」。上述看起來是否正確？我無法找到任何模式的代碼行爲完全不可預知的方式。js忽略條件

來源

2013-01-20 secr

嘗試'的console.log（screen.width）'，並告訴我們結果 – wakooka

的狀態看起來不錯，但格式錯誤。 – VisioN

請注意，全局'screen'對象是DOM0（沒有W3C規範）的一部分，即使受到所有主流瀏覽器的支持，理論上不是每個瀏覽器都支持它。你最好的選擇是使用'console.log'作爲jerome的說法，或者，當你在移動設備上測試時，將值附加到頁面上。試着在你的手機上運行這個小提琴http://jsfiddle.net/hQ34W/show/並檢查它打印的值。 –

我想你想用小於或等於。

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

您可以重構下來到這一點：

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

來源

2013-01-20 00:30:13

回答

相關問題