仅在执行所有 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。这样，内容只会在所有选项卡都设置好后才会出现。