jquery - 先加载页面(css、html),再渲染

标签 jquery html css

我正在开发一个从 localStorage 获取数据的网站然后通过将 CSS 文件附加到 <head> 对 CSS 进行一些调整。 - 然而,它花费的时间太长,而且用户可以看到 CSS 的变化,我觉得这是不友好的。是否可以加载所有的 jQuery、CSS、HTML 然后呈现页面?

最佳答案

如果未加载 jQuery:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

首先隐藏所有页面

<body style="display: none;">

使用 jQuery 显示全部,当所有文件加载完毕时:

<script>
$(window).load(function() {
  $("body").show();
});
</script>

或者用 jQuery 代替 $:

<script>
jQuery(window).load(function() {
  $("body").show();
});
</script>

关于jquery - 先加载页面(css、html),再渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28632042/

相关文章:

javascript - 如何验证 keyup 上的 float

javascript - $.each() 通过键值对数组

javascript - Jquery 调整大小不起作用

javascript - 如何让 jQuery 将自定义参数传递给异步 AJAX 回调函数?

javascript - js 下拉菜单不起作用

html - 媒体查询不适用于移动屏幕尺寸

html - 具有等宽标签的居中对齐表单

javascript - ng-click 不会在文本框内的 span 中触发

mysql - 在 mysql 数据库的 core_config_data 中编辑 web/unsecure/base_url 后,Magento 站点 css 未加载

css - css 中的动态填充