jQueryを使った非同期通信の実装で手こずる。

さてやっと週末まで辿り着いたのでリニューアル作業を再開したいところなのですが、今回のリニューアルの中核をなす非同期通信部分が上手く実装できません。

いまは勉強用のフォルダを作って中でいろいろ値を弄っている段階。とりあえずクリック→アラートはできるようになった。でも使い所ねーです。

エスコン6は二週目。シュトリゴンﾂﾖｽってか、プレイ中、あと少しって所で毎度家族に邪魔される。泣きたい。

________

ＥＮＥＭＹ
≪return falseを返せば上手くいくとでも言うのか≫

_________

適当にサンプルコードを探してきて、それに手を加えながら、ちょっとずつ勉強しています。なんかできそうな気がしてきたっ。

あとは環境毎にチェックするだけね。

今回jQueryを引っ張り出した理由をただせばギャラリーページでThickBoxを使いたかったからなので、無理してページの移動までjQueryで実装する必要もないんだよなあ。

趣味ですね。最初からだけど。

_________

どうやら今までの問題の半分くらいが文字コードにあったようで御座る。

jQuery=utf-8です。

とりあえずjQuery回りはutf-8にしとけば安心って事ですかね。理由もなくShift_JISが好きだったからちょっと寂しいぜ。

_________

日替わり難題：

a,b,cのリンクに対して、それぞれA,B,Cの各ページを、#mainBox内に.loadを使って読み込みます。
リンクをクリックしたときに、表示中のmainBoxを一度非表示にしてから非同期でページを読み込み、その後もう一度表示させたいときはどのようなスクリプトを書けばいいでしょうか。

間違った解答：
$(document).ready(function(){
$("#load4").click(function(){
$("#mainText").hide("slow");
$("#mainText").load("./load4.html");
$("#mainText").show("slow");
});
});
解説：要素が消える前に内容が変わってしまう。または表示されたときにデータが変わってない。

どうすればー？

メモ：$.ajaxStart(func)を使ってみるのはどうだろうか。