如何使 $(document).ready() 函数在全球范围内可用？

Question

我在这里有一个有趣的问题，听起来可能很傻，但是这里有。使用 JQuery 的 ready 函数，我定义了一些函数，如下所示：

$(function(){

  var function1 = function(data){
    //do something
  }

  var function2 = function(data){
    //do something else
  }
});

出于某种原因，为了让 IE 正确呈现我正在使用的内容，必须在 $(document).ready() 函数中完成。但是，一旦我从服务器端获得数据集，我就需要触发这些函数。所以我想我会做这样的事情......

Object.Namespace.callFunction = function(data){
 function1(data);
}

...放在脚本中的 ready 函数之外，以便我可以直接调用它。

不幸的是，我知道这行不通，因为它看起来不合逻辑，我已经尝试过了！我使所有这些功能任意，因为它不关心内容，而是概念。我还尝试使用事件处理程序在获得该数据后触发该功能-无济于事！在 $(document).ready() 全局中创建函数的最佳方法是什么？

Answer 1

如果您要定义全局函数，则没有理由在文档中准备好它们。文档中唯一应该准备好的事情是需要等到文档准备好才能采取行动的事情。可以在文档准备好之前定义函数。

// Defining the functions in the global scope.
var function1 = function(data){
    //do something that requires the dom to be ready.
}

var function2 = function(data){
    //do something else that requires the dom to be ready.
}
$(function() {
    // Running the functions when the document is ready.
    function1();
    function2();
});

Answer 2

如果你（出于文体原因）想用你的 $(document).ready 编写内联函数，你可以这样做：

var app={}; /*Use whatever your apps name is, abbreviated (something short)*/
$(function()
{
  app.function1 = function(data) { };
  app.function2 = function(data) { };
  // now you can call all functions inside and outside this ready function with the app. prefix
  // if you also want a local reference to the function without the app. prefix, you can do:
  var function1 = app.function1 = function(data) { };
});

Answer 3

怎么样

  function function1(data){
    //do something
  }
  function function2(data){
    //do something else
  }

   $(function(){
      // if you need to call inside ready
      function1();
      function2();
   });