Wie können $ (document) .ready() Funktionen global verfügbar gemacht werden?

Question

Ich habe eine interessante Frage hier, die vielleicht ziemlich albern klingt, aber hier geht. Mit JQuery der Ready-Funktion Ich habe einige Funktionen definiert wie folgt:

$(function(){ 

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

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

Aus irgendeinem Grund, um IE zu machen, was ich richtig verwende, muss es in der $ (document) erfolgen .ready() Funktion . Allerdings muss ich diese Funktionen auslösen, sobald ich einen Datensatz von der Serverseite habe. Also dachte ich, ich so etwas tun würde ...

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

... außerhalb der Ready-Funktion in einem Skript platziert werden, so dass ich es direkt anrufen können.

Leider weiß ich, dass das nicht funktioniert, denn es scheint nicht logisch und ich habe es ausprobiert !. Ich habe all diese Funktionen willkürlich gemacht, weil es nicht auf den Inhalt, sondern auf das Konzept ankommt. Ich habe auch versucht, Event-Handler zu verwenden, um die Funktion auszulösen, sobald ich diese Daten bekomme - ohne Erfolg! Was ist der beste Weg, um Funktionen innerhalb der $ (document) .ready() global zu machen?

Answer 1

Wenn Sie (aus stilistischen Gründen) wollen die Funktion inline mit Ihrem $ (document) .ready schreiben, können Sie es auf diese Weise tun:

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 2

Wenn Sie globale Funktionen definieren, gibt es keinen Grund, sie im Dokument bereit zu haben. Die einzigen Dinge, die in das Dokument gehen sollten, sind Dinge, die warten müssen, bis das Dokument bereit ist, zu handeln. Die Funktion kann definiert werden, bevor das Dokument fertig ist.

// 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 3

was

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

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