Question

我将以下代码放在母版页中，以防止导航时所有页面都闪烁。但是，页面重新加载两次。我试图删除第一行并保留第二行，但页面仍然闪烁，然后删除第二行并保留页面行但结果是页面为空白。在页面加载时避免页面闪烁的最佳方法是什么？

$(document).ready(function() {
    $("body").css("display", "none");
    $("body").fadeIn(1000);
});

Answer 1

一种更好的方法......

您是否考虑过对页面各部分使用ajax / async回发而不是执行完整的回发？

你不能真正（afaik）防止“闪烁”，否则因为，正在发生的事情是浏览器开始加载一个新页面（这是一个空白的白色文档），然后在收到你的内容时填充它。这可以产生“闪烁”的效果，因为您从page with my content转到blank white page到page with my different content。对于特别快速加载的页面，这可能并不明显，但通常是。

您可以选择不同的方法，使您的标题/菜单/等保持不变。使用jQuery / ajax，您可以淡出页面某一部分的现有内容，从服务器加载新内容，然后淡化新内容。这对您有用吗？

这是ajax tutorial供您考虑。

祝你好运

JQUERY防止页面闪烁 - 更好的方法

1 个答案: