仅在执行所有javascript后显示页面

Question

我在项目中使用Jquery选项卡，一切正常。

然而，当用户打开页面时，页面首先显示所有选项卡中的所有材料，然后执行javascript，屏幕恢复正常。

这是一个丑陋的景象，我该如何防止这种情况发生？有没有办法在完成所有加载后显示页面？

Answer 1

您可以尝试在页面加载时隐藏您的内容，并使用JQuery来显示它。

HTML：

<div id="contentDiv" style="display: none;">....</div>

JavaScript的：

jQuery(document).ready(function ($) {$('#orderContentsInfoBox').css('display','block');});

当文档完全加载时，将触发此jQuery函数。如果在隐藏在选项卡中之前仍然看到闪烁的内容，那么我建议找到设置选项卡的功能并插入代码以显示内容div。这样，只有在设置完所有标签后才能显示内容。