Javascript jquery窗口宽度条件

稍后编辑： 我试过这个：

$(document).ready(function() {
if ( $(window).width() > 800 ) {
    $("#header").hide();
}
else {
$("#header").show();
}

});

如果我将窗口调整到800以下，标题仍然不可见。 有什么问题？

---

我不能使用css媒体查询，因为我想在windows大于800时执行其他功能。

如果您想在Javascript中使用JQuery执行此操作，您可能需要了解两件事：现在的宽度是多少，以及用户调整大小后的宽度是多少？您可能会有如下代码：

function checkSize(){
  if ( $(window).width() > 1200 ){
    //do whatever
  }
}

//When the page is loaded
$(document).ready(function(){
  //Add a listener to check the size of the document when you load
  $(document).resize(checkSize);

  //Check the size now.
  checkSize();
});

或者，当页面达到一定大小时，您可以使用CSS媒体查询来调整CSS，但它不会执行任何Javascript。下面是一个例子：

@media all and (max-width: 1199px) {
  #header{
    display:none;
  }
}

---

这有一些更有用的例子和解释：

基本上我想做的是当宽度小于1200时显示标题，当宽度大于1200时隐藏标题，我不能使用css媒体查询，因为我还想添加其他功能在这种情况下，我的Javascript应该让您开始。您没有在侦听调整大小事件。我的代码段有$（document）.resize（checkResize）。在代码中需要类似的东西。