上调整大小

Question

我有两个相反的脚本缩短jQuery脚本，并想知道，如果他们能在一个编译：

/* Display left picture of Pirlo */ 
if ($(window).width() > 910) 
    $('.picture').css('display','block'); 
else 
    $('.picture').css('display','none'); 

/* Hide Mugshot of Pirlo */ 
if ($(window).width() > 910) 
    $('.mugshot').css('display','none'); 
else 
    $('.mugshot').css('display','block'); 

这里是模板：http://bettercheckthekids.com/pirlo/index.html

Answer 1

if ($(window).width() > 910){ 
    $('.picture').show(); 
    $('.mugshot').hide(); 
} else { 
    $('.picture').hide(); 
    $('.mugshot').show(); 
} 

如果您只是基于视口的宽度隐藏和显示元素，则也可以使用CSS media queries来完成此操作。

Answer 2

if ($(window).width() > 910) 
{ 
    $('.picture').css('display','block'); 
    $('.mugshot').css('display','none'); 
} 
else 
{ 
    $('.picture').css('display','none'); 
    $('.mugshot').css('display','block'); 
}