javascript - 从 $(document).ready 外部调用 $(document).ready 中定义的函数

Question

我想在移动设备方向改变时使用 $(window).resize 来调用一些函数，我在 $(document).ready 中编写了所有代码，这在我使用 Android 设备时有效，但在使用 iPhone 后检测到第一个方向时，它不会再次调用 $(window).resize 。当我将 (window).resize 函数放在 $(document).ready 之外时，它也适用于 iPhone。

在这个 $(window).resize 函数中，我必须调用 $(document).ready block 中定义的方法，那么我该怎么做呢？

Answer 1

由于您需要使用两个不同事件处理程序中的某些内容，因此您应该将该内容移出事件处理程序。您无法在任一事件处理程序中创建方法，因为您无法知道是否会首先触发 ready 或 resize。

例如，您可以创建一个包含方法的对象:

var commonMethods = {
  data: 42,
  someMethod: function() { alert(this.data); }
};

$(document).ready(function(){
  commonMethods.someMethod();
});

$(window).resize(function(){
  commonMethods.someMethod();
});