Question

我有两个相反的脚本，并且想知道它们是否可以编译成一个：

/* 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').css('display','block');
  $('.mugshot').css('display','none');
}
else
{
  $('.picture').css('display','none');  
  $('.mugshot').css('display','block');
}

Answer 2

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

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

缩短Resize上的jQuery脚本

2 个答案: