Google AJAXライブラリのCDN jQuery

Question

私のページかSWFObject、jQuery、Google Maps APIに含まれています。と思ったのに使用特典の利用:

<script type="text/javascript" src="http://www.google.com/jsapi?key=INSERT-YOUR-KEY"></script>
<script type="text/javascript">
    google.load("jquery", "1.4.1");
    google.load("swfobject", "2.2");
    google.load('maps', '2', {'callback': googleMapSetup });
</script>

それが今を読んでどこかのhttp://encosia.com/2008/12/10/3-reasons-why-you-should-let-google-host-jquery-for-you/) を必要とすることを利用

google.setOnLoadCallback(function() {
    // Place init code here instead of $(document).ready()
});

く$(document).ready()..はたしてそうなのだろうか？

Answer 1

方法が二つありますのAjaxライブラリのAPIとなります。

まず、ご利用いただけGoogleディレクトリへjQueryファイル:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

第二に使用することができるようになりますの非負荷のjQueryるいを参照します。そうすれば、このパターン:

<script type="text/javascript" src="http://www.google.com/jsapi?key=INSERT-YOUR-KEY"></script>
<script type="text/javascript">
  google.load("jquery", "1.4.2");
  google.load("swfobject", "2.2");
  google.load('maps', '2', {'callback': googleMapSetup });
  google.setOnLoadCallback(function() {
    $(function() {
      // Place init code here instead of $(document).ready()
    });
  });
</script>

その理由を使用 google.setOnLoadCallback() で荷jQueryこの場合には非同期で待つ必要はありjQueryを読み込 や の文書の準備をしていました。

その理由を使jQueryの負荷のコールバックができない場合があり込ものを実行する際には、Javascript、潜在的な競合状態および間欠的なエラー。