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

回答

相关问题