javascript - 在使用 js 请求之前加载单独的 html 文件

Question

所以我有this作为我的源代码，一切都很好，除了当我尝试使用缓慢的互联网连接加载页面时。发生的情况是，当前页面淡出然后重新显示，在加载外部 html 文件的内容后，它就会弹出。

我试图通过在最初加载页面后加载所有内容来解决这个问题，这将如何工作？

主要 JS 脚本链接 - here

Answer 1

我将其作为单独的答案发布，因为它重点关注您当前的方法。

不要使用 .load()，而是使用 .get()，这样它就不会立即替换 div 的内容。然后.fadeOut() div，替换HTML，成功后.fadeIn()。

$.get("news.html", function(data) {
    $("#content").fadeOut(function() {
        $(this).html(data);
    }).fadeIn();
});

我只能使用慢速连接模拟器(Mac OS X 的 Network Link Conditioner)对此进行测试，但它在我的测试中运行顺利。