javascript - 内部 CSS 准备好后如何显示 div 的内容

Question

我有这个代码：

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

当 fadeIn 触发时，我看到很短的时间，在应用 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); });