Wie eine Funktion innerhalb $ (document) nennen .ready

Question

Im meinen Web-App zu debuggen versuchen, die jQuery.

In Firebug im Aufruf von Funktionen innerhalb der $ (document) .ready ..

function val() { console.log('validated outside doc.ready'); } 
$(document).ready(function() 
{ 

    console.log('document ready...'); 

    function validate() { console.log('validated!'); } 
} 

verwendet

In Firebug-Konsole ich Typ und es sagt, es ist keine Funktion

Wenn ich val() eingeben, funktioniert es gut.

Wie rufe ich validate von der Konsole?

Answer 1

Sie rufen eine Funktion wie diese nicht auf, nur definieren Sie die Funktion.

Der richtige Ansatz ist die Funktion außerhalb document.ready zu definieren, und es innen zu nennen:

// We define the function 
function validate(){ 
    console.log('validated!'); 
} 

$(document).ready(function(){ 
    // we call the function 
    validate(); 
}); 

Eine weitere Möglichkeit ist selbst aufrufen die Funktion wie folgt aus:

$(document).ready(function(){ 
    // we define and invoke a function 
    (function(){ 
    console.log('validated!'); 
    })(); 
}); 

Answer 2

Ihre validate Funktion ist lokal für die Funktion, die Sie an den Handler jQuery ready übergeben haben.

wenn Sie das tun:

window.validate = function(){ /*....*/ }; 

können Sie von der Konsole zuzugreifen. Aber es ist nicht gut, den globalen Geltungsbereich zu verschmutzen, es sei denn, es dient nur dem Debuggen.

Answer 3

Nun, gibt es irgendeinen Grund, warum Sie diese Funktion innerhalb des Dokuments benötigen würden? nur innerhalb dieser Klammern (Scope) wird die Funktion existieren. Verschieben Sie es einfach aus, oder alles nur in document.ready