javascript - 加载时、调整大小时和滚动时 - 运行单独功能的最佳方式是什么？

Question

加载时、调整大小时和滚动时 - 运行单独函数的最佳方式是什么？

我有一些功能，它们都在整个网站上发挥不同的作用。有些用于视差效果，有些用于画廊等。

目前我将它们分组为 3 个独立的“on..”函数(如下所示)。它有效，但我确定有更好的方法吗？

$(document).ready(function () {

  // on load functions go here

  $(window).on("load resize", function () {
    // on load and on resize functions go here
  });

  $(window).on("load resize scroll", function () {
    // on load, resize and scroll functions go here
  });

});

Answer 1

尝试

$(document).ready(myFunction1);

myFunction1 () {

  // on load functions go here

  $(window).on("load resize", myFunction1);

  $(window).on("load resize scroll", myFunction2);

}

function myFunction2(){
// on load and on resize functions go here
};

function myFunction3(){
// on load, resize and scroll functions go here
};