jQueryがロードされたコンテンツajax POSTが分割のためにスタイリングを失う

Question

私はウェブアプリケーションを開発しており、このアプリケーションではjQuery ajax POSTメソッドでコンテンツをロードすることがあります。これは非常にうまくいくが、問題がある。

POSTが成功すると、私が受け取ったページのコンテンツ（ページ）が読み込まれます。 この問題は、「到着」してもスタイリングされず、1秒間に生の出力が表示され、その後スタイリングが始まることがあります。

この「裸の」瞬間を避けるにはどうすればよいですか？

これは私のコードです：すべてのデータが所定の位置になるまで

$.ajax ({ 
    type: "POST", 
    url: "http://example.com/resource/", 
    data: {image_id: image_id}, 
    beforeSend: function (html) { 
     $('#sidebar').html('Loading'); 
    }, 
    success: function (html) { 
     $('#sidebar').html(html); 
    }, 
    error: function (html) { 
     $('#sidebar').html('Something went wrong!'); 
    } 
}); 

Answer 1

は、コンテンツとそれを示して、それが隠されてください：

success: function (html) { 
    $('#sidebar').hide().html(html).show(); 
},