javascript - 使用 jQuery ajax POST 加载的内容瞬间失去样式

Question

我正在开发一个 Web 应用程序，在这个应用程序中我有时使用 jQuery ajax POST 方法加载内容。这工作得很好，但有一个问题。

成功发布后，我加载我得到的页面内容(页面)。问题在于，当它“到达”时，它没有设置样式，我可以瞬间看到原始输出，然后样式开始生效。

如何避免这种“赤裸裸”的时刻？

这是我的代码:

$.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();
},