Jqueryの$.getで目当ての外部ファイルを読

質問

jqueryの$.getで目当ての外部ファイルを読み込む方法でつまづいてしまいました。

searchファイル
(resultsファイルを非同期通信で読み込むはずなのですが、読み込んでくれません。)
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">

function getContents(){
//http://localhost/hoge/results/color_id:をブラウザ上で開くとファイルが返ってきます
var http = $.get("http://localhost/hoge/results/color_id:",null, function(data) {$("#main").html(data);});
}
</script>

//読み込んだデータが表示される箇所なんですが・・・
<div id="main"></div>

http://anond.hatelabo.jp/20101206224349
このサイトに書かれているとおりに外部のHTMLを読み込む事むJqueryを書いたのですが、全く反応してくれません。
何か間違っているのでしょうか？

回答No.1

LancerVII · ベストアンサー

こんにちは。

function getContents()にて読み込みを実行していますが、getContents()を呼び出していますか？

何らかのトリガーでgetContents()を呼ばないと読み込まれないと思います。

$().ready ( function() {
var http = $.get (
"read.html",
null,
function ( data ) {
$("#main").html(data);
}
);
});
上記のようにすると勝手に読み込みます。