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

Question

我有一个完美的显示/隐藏脚本。但我需要这个函数对大于 x 像素的宽度（在我的例子中为 699 像素）无效。有什么办法可以在大分辨率下取消它，以便我可以同时显示两个 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");
}