浏览器调整大小后撤消显示/隐藏div脚本

Question

我有一个完美的show / hide脚本。但是我需要这个函数对宽度大于x像素（在我的情况下，699px）无效。有没有办法在大分辨率下取消这个，所以我可以同时显示两个div？

<script type="text/javascript">
        function showHide(d)
{
    var onediv = document.getElementById(d);
    var divs=['content1','overlay'];
    for (var i=0;i<divs.length;i++)
  {
  if (onediv != document.getElementById(divs[i]))
    {
    document.getElementById(divs[i]).style.display='none';
    }
  }
onediv.style.display = 'block';
}
</script>

Answer 1

只需获取屏幕宽度并将代码基于此。

JSFiddle

var w = screen.width;
if(w < 699) {
    //Perform script
    alert("Run script under 699px");
} else {
    alert("Screen width is over 699px, don't perform script");
}