Mrz
jQuery.ready() & google.load()
Wie man jQuery über die Google AJAX Libraries API einbindet hatte ich bereits vor einiger Zeit in einem Beitrag beschrieben, nun möchte ich noch mal genauer auf das Zusammenspiel von jQuery.ready() und google.load() eingehen.
Ich lagere meinen gesamten JS-Code für gewöhnlich in eine eigene Datei aus und möchte entsprechend auch google.load() und jQuery.ready() dort aufrufen. Damit dies korrekt funktioniert muss sichergestellt werden das jQuery vollständig geladen wurde bevor .ready() ausgeführt wird. Hierzu verwende ich folgendes Pattern:
HTML
Im <head> der Seite wird zunächst die Google AJAX Libraries API und danach das eigene JavaScript (hier foobar.js) eingebunden:
<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript" src="js/foobar.js"></script>
JavaScript
Nachdem im JavaScript (foobar.js) nun das Objekt google zur Verfügung steht kann jQuery dynamisch geladen und jQuery.ready() ausgeführt werden:
1 2 3 4 5 6 | google.load("jquery", "1.4"); google.setOnLoadCallback(function() { $(function() { // document ready }); }); |
google.setOnLoadCallback() stellt dabei sicher das jQuery vollständig geladen wurde bevor jQuery.ready() ausgeführt wird. $(function() {}); ist lediglich eine Kurzform von $(document).ready(function() {});.
Kommentare
Zu diesem Beitrag wurden noch keine Kommentare verfasst.