如何仅在WordPress中的视口高于1000px时执行jquery代码

当视口高于1000px时，我需要在这里执行一些jquery代码，但我无法让它工作。请有人告诉我我做错了什么

jQuery（文档）.ready（函数（$）{
$（窗口）.on（'scroll'，function（）{
变量y=$（窗口）.scrollTop（）；
变量宽度=$（窗口）.innerWidth（）；
如果（window.location.pathname=='/'））{
如果（$（窗口）.innerWidth（）>1000&&y>0）{
$（'#top'）.fadeIn（）；
$（“#标题空间”）.fadeIn（）；
}否则{
$（“#顶部”）.fadeOut（）；
$（“#标题空间”）.fadeOut（）；
}
}else{}
});
});

您实际上不需要$（window）。innerWidth（）您可以使用纯js

window.innerWidth

如果您使用Jquery，它将使用

$( window ).width();

---

试试这一个这对我有用

if（$（窗口）.width（）>1000）{
$（'#top'）.fadeIn（）；
$（“#标题空间”）.fadeIn（）；
}
否则{
$（“#顶部”）.fadeOut（）；
$（“#标题空间”）.fadeOut（）；
}

老实说，这看起来像是媒体查询和CSS的工作。100px？还是1000像素？请更新问题和标题。很抱歉出错。如果我们能用简单的cssI am解决这个问题，为什么还要写脚本呢。我不确定是否需要第一行。我可能错了。这是jquery库文件，不是必需的。如果您已经调用了jquery插件，只需将内部宽度替换为上面提到的宽度，就可以了！这是最后一个作品，上面所有的答案都是正确的，我只需要稍微调整一下<代码>jQuery（document）.ready（函数（$）{$（窗口）.on（'scroll'，函数（）{var y=$（窗口）.scrollTop（）；var width=$（窗口）.innerWidth（）；if（window.location.pathname='/'）{if（window.innerWidth>1000）{if（y>0）{$（'#top'）.fadeIn（）；$（'#页眉空间'）.fadeIn（）}其他{$（'#top'）.fadeOut（）；$（'#头空间'）.fadeOut（）；}}}}}其他{}}}}）我可能应该提到，代码的目的是显示id#top引用的菜单。我添加的代码仅在主页上运行。我不希望在低于1000px的视口中出现这种行为。我尝试了上面的代码，但菜单的行为仍然与较大的设备（高于1000px）相同.我希望菜单不受此代码的影响，分辨率低于1000px。我正在WordPress中执行此操作。

jQuery(document).ready(function($) {
  $(window).on('scroll', function() {
    var y = $(window).scrollTop();
    var width = $(window).width();

    if (window.location.pathname == '/') {
      if (width > 1000 && y > 0) {
        $('#top').fadeIn();
        $('#header-space').fadeIn();
      } else {
        $('#top').fadeOut();
        $('#header-space').fadeOut();
      }
    }
  });
});