Question

On Load，On Resize和On Scroll - 运行单独功能的最佳方法是什么？

我有一些功能，在网站上都做不同的部分。一些用于视差效果，一些用于画廊等。

目前，我正在将它们分成3个单独的组合...＆＃39;功能（如下）。它有效，但我确定有更好的方法吗？

$(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
};

Answer 2

在这里提出建议并继续我的搜索后，最佳解决方案似乎是：

function load() {
});

function loadResize() {
});

function loadResizeScroll() {
});

$(window)
  .on('load', load)
  .on('load resize', loadResize)
  .on('load resize scroll', loadResizeScroll);

On Load，On Resize和On Scroll - 运行单独函数的最佳方法是什么？

2 个答案: