<!DOCTYPE html> <html lang="ja"> <head> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"><!-- google.load("jquery", "1"); //--></script> <script type="text/javascript"> $(function() { alert($.fn.jquery); }); </script> </head> <body id="pagetop"> Hello jQuery! </body> </html>なんでやねん!って思って デベロッパーガイド を 見てみると、昔はあったはずの Google Loader を使用した ロード方法の記載がなくなっていました orz
では、今はどうやって Google から JavaScript をロードすることが推奨されているかというと、 以下のように記載されています。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>jQuery を 読み込んでくる場合の例ですが、 URL の中にバージョン番号が練り込まれています。
上記の例では意識せずに最新版を読み込んでくることができなさそうですが、 以下のように記述することで、最新版 (1.9.1) を読んでくることができました。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script># 「 1.9 」ではだめです。「 1 」でないといけません。
なんか釈然とせんなぁ… そもそも Google Loader を 使うことを推奨しなくなったのはいつからなんでしょう?
しかも、四苦八苦しているのはなにもこの話だけではなかったりする。。。 Twitter Bootstrap も かなり難物で… (^^;
- Bootstrap
- jQuery
- Google Hosted Libraries - Developer's Guide - Make the Web Faster — Google Developers
- Google Loader Developer's Guide - Google Loader — Google Developers