Jquery 如果视口下降到设置的宽度以下，则隐藏DIV

我一直在寻找这个具体的想法，但似乎找不到解决办法

基本上，我使用的是wordpress插件，其中显示一段内容，除了移动设备外，它工作正常

我试图通过在视口达到一定宽度时隐藏DIV来解决这个问题

这就是我到目前为止所做的：

<script>
jQuery(document).ready(function () {
var screen = $(window)    
if (screen.width() < 800) {
    $("#attentionGrabber").hide();
}
else {
    $("#attentionGrabber").show();
}
});</script>

jQuery（文档）.ready（函数（）{
变量屏幕=$（窗口）
如果（屏幕宽度（）<800）{
$（“#attentionGrabber”）.hide（）；
}
否则{
$（“#attentionGrabber”）.show（）；
}
});

这是假设“注意力捕捉器”是我试图控制的部门

---

我认为这是根据视口显示或隐藏它的最简单的方法，但当我将代码放在标题中时，似乎什么也没有发生。

您必须绑定到某个事件，以便在调整屏幕大小时运行函数

<script>
jQuery(document).resize(function () {
    var screen = $(window)    
    if (screen.width() < 800) {
        $("#attentionGrabber").hide();
    }
    else {
        $("#attentionGrabber").show();
    }
});
</script>

---

在编写脚本之前是否已导入jquery m

 <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
type="text/javascript"  >

然后

$（文档）.ready（函数（）{
函数_resizeTDiv（）
{
…您的代码在这里
}
_resizeTDiv（）；
$（窗口）。调整大小（函数（）{
_resizeTDiv（）；
});
});

您不使用媒体查询（CSS3）的任何原因？是。。。我知道这是我应该做的。但我完全不知道如何去做或实现它们。。。当涉及到颜色/边框/宽度等样式时，我知道CSS。但我不知道媒体查询是什么。该学习了。：-）看看我的答案。谢谢，我会仔细阅读的。我假设媒体查询的工作方式与基本CSS的工作方式相同，比如我可以将其放入CSS文件中，它就可以工作了？是的。查看链接文章或其他类似文章。请注意，媒体查询不适用于IE 9及以下版本。它们很神奇，但不受旧浏览器的支持。我主要是为移动设备做的，所以没什么大不了的。而且，我刚刚把它放到我的网站上，效果很棒！谢谢

 <script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"
type="text/javascript"  >

      <script type="text/javascript"  >
$(document).ready(function() {

function _resizeTDiv()
{
  ..your code here
}
 _resizeTDiv();

$(window).resize(function() {
 _resizeTDiv();
});

});

</script>