jQueryの背景アニメーションの問題

Question

AJAXを使用してコンテンツを切り替えるページを作成しています.5ページにはそれぞれ背景色があります。

ページを変更すると、現在の背景が新しいものにアニメーションされます。私はアルファ透明度を持つ24ビットPNGを持っています。

しかし、小さな問題が1つあります。場合によっては、Firefox 3.5.1以上、Safari 3/4では背景が変更されますが、私の#main-container divは変更されません。コンテナには確かにbackground: transparentがあります。

問題は、これは毎回発生するのではなく、時々のみ発生することです。これは私がブラウザを作っていることの変わったものに過ぎませんか？

背景色をアニメーション化するためにjQueryプラグインを使用しています。

私は、#main-containerが親コンテナ（body）の背景を継承するように強制する方法を知っていますか？

setInterval()でpingできますが、それは醜い解決策になります。

非常に感謝しています。

サイトがあり、右にメニューがあり、問題がどこにあるこれらのセクションがあるクリックhttp://www.acura.com.au/~kohana/

@閲覧可能です。クォークを見るには、少なくとも8回以上移動する必要があります。

ご協力いただきありがとうございます。

UPDATE

私は色をチェックするsetInterval()をしようとして...しかし、私は彼らが間違っている検出した場合、私はやる正確にわかりませんよ。タイミングに関しては、私の上記のコメントから上従って

Answer 1

（申し訳ありませんが、これは実際の答えはありませんが、コメント欄での十分なスペースがないのです）...私はこの問題は、以下のタイミングによるものだと思います2つのイベント：

1. ダイナミック（非同期）新しいスタイルシートの負荷
2. あなたは私はあなたのコードを読んでいる場合（

に問題をフェードする背景色をつかむupdatePage機能右）はあなたが色をつかんでいるということですあなたが動的にロードしているスタイルシートでスタイル設定されDIVからのADE。それはロード（ダウンロードが、DOMへのスタイルの適用だけではなく）を完了していない場合は、あなたがつかむ背景色は古いものになります。

ここからステップを踏むには...まず、CSSローダーのタイムアウトを実際には小さくするようにしてください。&これはバグをより頻繁に表示するかどうかを確認します。これが一致するようであれば、可能な解決策は、あなたはそれがその後、&を変更するなど、あなたの背景のアニメーション、と続けていく表示されるまで知られている古い色に対する背景色をテストすることをループ内でタイムアウトを使用することです

私は、サイトの技術的な部分について質問があります...

Answer 2

を役に立てば幸い、 私は（私が勘違いでしょうか？）見ての通り、あなたはメニューがクリックされたときに、AJAXを経由してCSSを取得します。画像も。ここでは、ページが読み込まれたときにサーバーからすべてを取得し、タグのCSSクラスを切り替えると良いアイデアだと思います。これはあなたのランダムな問題も解決するでしょう。 例：バックグラウンドアニメーションの場合、2つのクラスをアニメーションで切り替えるだけで済みます。