Ich möchte Hilfsfunktionen bereitstellen, mit denen verschiedene Komponenten einer komplexen jQuery-basierten Benutzeroberfläche eine Ladung ausblenden oder anzeigen könnendiv (Wird verwendet, wenn ein Ajax-Aufruf von verschiedenen Seitenbereichen aus initiiert wird.)

Zu diesem Zweck habe ich zunächst folgenden Code geschrieben:

<script type="text/javascript">
$(function ()
{
    var loadingControl = $("#loading");

    function showLoading() {
        loadingControl.show();
    }
}
</script>

Das habe ich aber schnell gemerktshowLoading ist nur in diesem besonderen UmfangDokument bereit.

Auf den Rat von

https://stackoverflow.com/a/1055799/141172

Erklärte ichshowLoading im globalen umfeld wie folgt:

<script type="text/javascript">
var showLoading;
$(function ()
{
    var loadingControl = $("#loading");

    function showLoading() {
        loadingControl.show();
    }
}
</script>

Das finde ich aber immer nochshowLoading ist nicht verfügbar inDokument bereit Blöcke, die später ausgeführt werden. Der Fehler ist

Der Wert der Eigenschaft 'showLoading' ist null oder undefiniert und kein Funktionsobjekt

Dieses Verhalten ist hier zu sehen:

http://jsfiddle.net/NfXFT/4/

Die jsFiddle beweist auch, dass dieshowLoading ImplementierungDokument bereit läuft vor demDokument bereit Block, der es aufruft.

Was läuft falsch und wie kann ich diese Hilfsmethode verfügbar machen?

Ich definiere es innerhalb einesDokument bereit blockieren, weil es darauf angewiesen ist, dass '#loading' verfügbar ist. Gibt es einen besseren Ansatz, um dasselbe Ziel zu erreichen, nämlich eine Hilfsfunktion zum Ein- und Ausblenden des Ladebildschirms bereitzustellen? Ich möchte dies in einer Hilfsfunktion beibehalten, da sich die Implementierung später ändern kann.