动态javascript函数

我有一个javascript函数，我只想在浏览器屏幕大于1024px时执行

if ($(window).width() > 1024) {

此代码的问题在于，如果用户首先在浏览器屏幕800px中加载网页，然后将浏览器屏幕重新缩放到1024（或更多），则不会执行该功能。为了执行，需要刷新屏幕

您对如何修复它有什么建议吗？

使用：

  $( window ).resize(function() {
    if ($(window).width() > 1024) {

         // Your code.
    }
 }

---

只需设置window.resize事件，该事件在加载时以及任何时候出现resize时都会被调用至少一次，并使用一个标志确保它不会执行多次

(function(){
   var executed = false;
   $(window).resize(function(){
      if(executed) return;
      if($(window).width()>1024){
         executed = true;
         executeSomeFunc();
      }
   });
})();

---

我将使用本机JS进行如下操作：

window.onresize=function(){
  if(window.innerWidth > 1024){
    alert('GT 1024');
    // Your function here
  }
};

width属性是innerWidth（），resize函数是（）

---

不清楚您想要做什么，但是如果您要更改显示的CSS规则，最好使用CSS媒体查询（）

使用窗口

调整大小

事件。请参阅以jQuery方式回答，因为您已经使用了jQuery。通常我不会这么做，因为它只是标记了JavaScript。但无论如何。。。您希望它标记为javascript还是javascript+jQuery？如果您想要纯javascript解决方案，我将删除答案。而否决投票是因为？太好了，非常感谢。@user3066588：不客气。但现在的问题是，它在“文档准备就绪”方面不起作用-我的意思是，当我加载页面时，我需要先调整页面大小，然后才能执行该功能。例如，如果我的浏览器屏幕为1050px，则在我调整屏幕大小之前，该功能将不起作用。@user3066588:像这样吗？有人想解释投票结果吗？效果很好，非常感谢。@user3066588欢迎。很高兴能帮上忙。很好，非常感谢。

window.onresize=function(){
  if(window.innerWidth > 1024){
    alert('GT 1024');
    // Your function here
  }
};