Verifica se jquery è caricato non utilizzando l'evento pronto per il documento

Question

Sul mio sito ho una funzione jquery che recupera i dati da un altro server (protetto) non appena viene caricata la pagina. Utilizzando una chiamata jsonp Attualmente caricare questi dati dopo il documento evento pronto:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', function (data) { 
      initPage(data); 
     }); 
    }); 
</script> 

Quello che non mi piace circa la chiamata di cui sopra, è che il jsonp può effettivamente essere su stuttura prima dell'evento pronto documento, rallentando in questo modo la caricamento della pagina. Quindi, se includo jQuery all'interno della pagina (cioè non fa riferimento utilizzando il tag script), quindi il seguente codice di grandi opere e la pagina viene caricata più velocemente:

<script type="text/javascript"> 
    $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', function (data) { 
     $(document).ready(function() { 
      initPage(data); 
     }); 
    }); 
</script> 

Ma tra cui jQuery in ogni pagina è un 23k in testa che io' mi piace evitare. Come posso testare per vedere se jquery è stato caricato e solo l'escecare la funzione initPage() quando jquery è stato caricato?

Modifica: Per essere più precisi ho bisogno di controllare ripetutamente se jquery è caricato e quindi eseguire l'evento. Un lavoro con timer potrebbe essere la soluzione ..

Soluzione: Ho creato un preinit che esegue il controllo jquery. Il caricamento della mia pagina non potrebbe essere più veloce :). Grazie a tutti!

function preInit() 
    { 
     // wait until jquery is loeaded 
     if (!(typeof jQuery === 'function')) { 
      window.setTimeout(function() { 
       //console.log(count++); 
       preInit(); 
      }, 10); // Try again every 10 ms.. 
      return; 
     } 
      $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', 
      function (data) { 
       $(document).ready(function() { 
        initPage(data); 
       }); 
      }); 
     } 

Answer 1

penso che si potrebbe utilizzare

if (jQuery) { 
    ... 
} 

per vedere se l'oggetto esiste jQuery.

Ok, meglio sarebbe:

if (typeof jQuery !== 'undefined') { 
    ... 
} 

o

if (typeof jQuery === 'function') { 
    ... 
} 

EDIT:

Non preoccuparti per il sovraccarico o se l'oggetto jQuery è caricato. Se hai appena includere la libreria jQuery utilizzando un normale <script src="..."> tag e quindi eseguire il codice senza il $(document).ready, in questo modo:

<script type="text/javascript"> 
    $.getJSON(_secureHost + '/base/members/current.aspx?callback=?', function (data) { 
     initPage(data); 
    }); 
</script> 

Funzionerà. La parte $(document).ready serve solo a garantire che il DOM sia completamente caricato prima di andare in giro cercando di cambiare gli elementi DOM che non sono ancora stati caricati. La libreria jQuery stessa, inclusa la funzionalità Ajax, sarà subito disponibile.

Ora, se la chiamata initPage(data) utilizza il DOM, che presumo lo fa, si potrebbe mettere un check-in che, in questo modo:

<script type="text/javascript"> 
    function initPage(data) { 
     var $domObject = $('#your-dom-object'); 
     if ($domObject.length === 0) { // Dom object not loaded yet. 
      window.setTimeout(function() { 
       initPage(data); 
      }, 0); // Try again after other stuff has finished. 
      return; 
     } 
     // Do your regular stuff here. 
    } 
</script> 

Tuttavia, non credo che questo sarebbe necessario nella maggior parte delle situazioni.

Ultima domanda

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Problemi correlati

• Nessun problema correlato^_^