Javascript $（文档）.ready（）&$（函数（）{}

我有两个职能：

function func1(){}

及

这两个功能都需要以下功能才能工作

$(document).ready();
$(window).resize();

因此，我将其应用于以下两个功能：

$(document).ready(func1);
$(window).resize(func1);

及

问题？有两个；

1）我已经有了

$（function（）{

包装上述两个函数，但我仍然需要

$（document.ready（）；

为什么？这两个函数不是一样吗

2）我正在尝试简化代码，并且只有

$（document）.ready（）；

“如果需要”和

$（window）.resize（）；

显示一次，然后向其中添加函数，而不是将其添加到函数中。困惑？好的

所以我基本上想这样做：

$(document).ready(func1,func2);
$(window).resize(func1,func2);

但没用，有什么想法吗

我的剧本：

$(function(){

   //Prevent clicking on .active & disabled links
   'use strict'; $('.active, disabled').click(function(e) {
      e.preventDefault();
   });

   //Off-canvas menu
   var $pages = $('#page, #secondHeader'),
       $header = $('#header'),
       $secondHeader = $('#secondHeader .menu-button');

   $secondHeader.on('touchstart click', function(e) {
      e.preventDefault();
      $pages.toggleClass("pageOpen");
      $header.toggleClass("headerOpen");
      $(this).toggleClass("menu-button-active");
   });

   $('#page').on('touchstart click', function() {
      $pages.removeClass("pageOpen");
      $header.removeClass('headerOpen');
      $secondHeader.removeClass("menu-button-active");
   });

   //Grid system
   var gridElement = $(".gridElement", "#grid3");
   (function() {
      $(document).ready(GalleryGrid);
      $(window).resize(GalleryGrid);
   })(jQuery);

   function GalleryGrid() {
      var grid3 = $('#grid3');
      var width = $(window).width();
      if (width < 1024 && width > 770) {
         var grid1 = $('#grid1');
         var grid2 = $('#grid2');

         for (var i = 0; i < gridElement.length; i++) {
            if (i < gridElement.length / 2) {
               grid1.append(gridElement[i]);
            } else {
               grid2.append(gridElement[i]);
            }
         }
      } else {
         grid3.append(gridElement);
      }
   }


   $(document).ready(fullScreen);
   $(window).resize(fullScreen);
   function fullScreen() {
       var newHeight = $("html").height() - $("#header").height() + "px";
       $(".fullscreen").css("height", newHeight);
   }

});

$（函数（）{
//禁止单击。活动链接和禁用链接
“使用严格的”；$（“.活动，禁用”）。单击（函数（e）{
e、 预防默认值（）；
});
//非画布菜单
var$pages=$（“#第页，#第二页眉”），
$header=$（“#header”），
$secondHeader=$（“#secondHeader.menu按钮”）；
$secondHeader.on（'touchstart click'，函数（e）{
e、 预防默认值（）；
$pages.toggleClass（“pageOpen”）；
$header.toggleClass（“headerOpen”）；
$（this.toggleClass（“菜单按钮激活”）；
});
$（“#页”）。在（'touchstart click'，function（）上{
$pages.removeClass（“pageOpen”）；
$header.removeClass（'headerOpen'）；
$secondHeader.removeClass（“菜单按钮激活”）；
});
//网格系统
var gridElement=$（“.gridElement”，“#grid3”）；
（功能（）{
$（文件）.ready（GalleryGrid）；
$（窗口）。调整大小（GalleryGrid）；
})（jQuery）；
函数GalleryGrid（）{
var grid3=$（“#grid3”）；
变量宽度=$（窗口）.width（）；
如果（宽度<1024&&width>770）{
var grid1=$（“#grid1”）；
var grid2=$（“#grid2”）；
对于（var i=0；i

使用包装函数在同一事件上调用两个函数：

function go(){
    func1(); // Call function 1 and 2.
    func2();
}

$(document).ready(go);
$(window).resize(go);

或者，为了确保文档完全就绪，您甚至可以在就绪事件之后附加

调整大小

事件侦听器：

$(document).ready(function(){
    $(window).resize(go);
});

---

使用包装函数在同一事件上调用两个函数：

function go(){
    func1(); // Call function 1 and 2.
    func2();
}

$(document).ready(go);
$(window).resize(go);

或者，为了确保文档完全就绪，您甚至可以在就绪事件之后附加

调整大小

事件侦听器：

$(document).ready(function(){
    $(window).resize(go);
});

---

使用包装函数在同一事件上调用两个函数：

function go(){
    func1(); // Call function 1 and 2.
    func2();
}

$(document).ready(go);
$(window).resize(go);

或者，为了确保文档完全就绪，您甚至可以在就绪事件之后附加

调整大小

事件侦听器：

$(document).ready(function(){
    $(window).resize(go);
});

---

使用包装函数在同一事件上调用两个函数：

function go(){
    func1(); // Call function 1 and 2.
    func2();
}

$(document).ready(go);
$(window).resize(go);

或者，为了确保文档完全就绪，您甚至可以在就绪事件之后附加

调整大小

事件侦听器：

$(document).ready(function(){
    $(window).resize(go);
});

像这样做

 function fullScreen() {
      var newHeight = $("html").height() - $("#header").height() + "px";
      $(".fullscreen").css("height", newHeight);
    }
    fullScreen();
   GalleryGrid();
   $(window).resize(function(){
        fullScreen();
        GalleryGrid();
    });

只需调用函数，如

fullScreen（）

无需使用$（document）.ready

用于画廊网格

从代码中删除。无需调用（函数（）{}）两次

像这样做

 function fullScreen() {
      var newHeight = $("html").height() - $("#header").height() + "px";
      $(".fullscreen").css("height", newHeight);
    }
    fullScreen();
   GalleryGrid();
   $(window).resize(function(){
        fullScreen();
        GalleryGrid();
    });

只需调用函数，如

fullScreen（）

无需使用$（document）.ready

用于画廊网格

从代码中删除。无需调用（函数（）{}）两次

像这样做

 function fullScreen() {
      var newHeight = $("html").height() - $("#header").height() + "px";
      $(".fullscreen").css("height", newHeight);
    }
    fullScreen();
   GalleryGrid();
   $(window).resize(function(){
        fullScreen();
        GalleryGrid();
    });

只需调用函数，如

fullScreen（）

无需使用$（document）.ready

用于画廊网格

从代码中删除。无需调用（函数（）{}）两次

像这样做

 function fullScreen() {
      var newHeight = $("html").height() - $("#header").height() + "px";
      $(".fullscreen").css("height", newHeight);
    }
    fullScreen();
   GalleryGrid();
   $(window).resize(function(){
        fullScreen();
        GalleryGrid();
    });

只需调用函数，如

fullScreen（）

无需使用$（document）.ready

用于画廊网格

从代码中删除。无需调用（函数（）{}）两次

---

我建议使用匿名函数来完成此操作

例如：

$(document).ready(function() {
    1();
    2();
});

---

这应该是一个很好的起点。

我建议使用匿名函数来完成这项工作

例如：

$(document).ready(function() {
    1();
    2();
});

---

这应该是一个很好的起点。

我建议使用匿名函数来完成这项工作

例如：

$(document).ready(function() {
    1();
    2();
});

---

这应该是一个很好的起点。

我建议使用匿名函数来完成这项工作

例如：

$(document).ready(function() {
    1();
    2();
});

这应该是一个很好的起点。

（function（）{…}）（；

它不等同于document.ready。这里不需要DOM就绪。它是匿名函数，当浏览器解释ecma-/javascript时，它会尽快调用自己

更好，建议使用document.ready（）：

（函数（）{…}）（；

它不等同于document.ready。这里不需要DOM就绪。它是匿名函数，当浏览器解释ecma-/javascript时，它会尽快调用自己

更好，建议使用document.ready（）：

（函数（）{…}）（；

它不等同于document.ready。这里不需要DOM就绪。它是匿名函数，当浏览器解释ecma-/javascript时，它会尽快调用自己

更好，建议使用document.ready（）：

（函数（）{…}）（；

它不等同于document.ready。这里不需要DOM就绪。它是匿名函数，当浏览器解释ecma-/javascript时，它会尽快调用自己

更好，建议使用document.ready（）：

不要 不要调用

$（document）.ready（）

内部

$（document）.ready（）

，它没有意义

function func3() {
    func1();
    func2();
}
$(window).resize(func3);