javascript - 如何在页面显示和滚动顶部调用相同的代码

Question

我正在使用 jQuery Mobile，我有一堆像这样执行的 javascript 代码

$(document).on("pageshow", function () {
  $(function () {
    var $container;
    $container = $(".items-section");
    return $container.imagesLoaded(function () {
      $container.masonry({
        itemSelector: "article.hlisting"
      });
      return $container.masonry({
        isFitWidth: true
      });
    });
  });
});

但是由于我通过 ajax 检索对象并在屏幕上重新绘制它们，因此还需要在 $(document).on("scrollstop", function() 内部执行一些相同的代码。

我的问题是。如何重构代码以便在两种情况下调用？

Answer 1

如果您想要调用的代码完全相同，则只需传递多个空格分隔的事件作为第一个参数:

 $(document).on("pageshow scrollstop", function() {
     // your code here
 });