エラー: a is null → クロスドメイン参照をやらかしてないかを疑う。

開発 tips

こんな感じで HTML + google hosted jQuery で開発してたときにであったミス。 

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Firefox のエラーコンソールには

エラー: a is null
ソースファイル: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js
行: 29

原因：次みたいなajaxスクリプトを組んでた html をhttp://xx.xx.xx.jp/ で開いてた。結果クロスドメイン参照になっていた。

  $.ajax({
    type: "GET",
    url:"http://localhost/hogehoge",
    dataType:"json",
    success: function(data) {foobar();}
  );

結論：このエラーが出たときはとりあえずクロスドメイン参照をやらかしてないかを疑ってみよう。他の原因かもしれないけどこんな事例もあるので。