javascript - 内部の CSS の準備ができた後に div のコンテンツを表示する方法

Question

私はこのコードを持っています:

$.ajax({
    type: 'GET',
    url: 'url.php',
    success: function(data){
        $("div#mainclass").hide().html(data).fadeIn(100);
    }
});

フェードインがトリガーされると、CSS が適用される前に、CSS スタイルが適用されていない HTML が非常に短時間点滅します。この問題は Firefox でのみ見られます。Chrome は十分に高速なようです。CSS が解析されて適用されるまで、表示を防ぐにはどうすればよいですか?
もちろん、私はすでにいくつかのことを試しましたが、うまくいきません^^

$("div#mainclass").hide().html(data).delay(200).fadeIn(100); 
// With Delay -> Same problem

---

$("div#mainclass").hide().html(data).ready(function(){
     $("div#mainclass").fadeIn(100)
}; 
// Also the ready Function doesn't help here.

---

どうもありがとう！

Answer 1

$("div#mainclass").hide()ajax呼び出しが行われる前に移動してみてください

Answer 2

$("#mainclass").hide().load('url.php', function() { $(this).fadeIn(100); });