javascript - MDL选​​项卡加载问题

在我的网站（Link）中，（由Google运行MDL）我遇到一个令人讨厌的问题，您可以在#harule选项卡消失之前对其稍作了解。该选项卡不具有属性is-active，应该隐藏在页面上，直到您单击harule选项卡。是否有此修复程序，无论是MDL还是常规的HTML，CSS，JS？

额外信息：每个人在/ about / allPeople中都有自己的文件。尝试/about/allPeople/qualexgaming.php。这些文件然后包含在/about/index.php文件中。

最佳答案

这是因为选项卡已在准备好页面的状态下构建，并且元素的创建是在页面渲染时（即在选项卡之前）

由于MDL脚本负责生成选项卡，因此这只能通过解决方法来实现

将此样式和脚本标记添加到源中。

        <style id="tempStyle">#harule{display:none;}</style>
         //tab code goes here
        <script>document.addEventListener("DOMContentLoaded", function (event) {
                   setTimeout(function (e) {
                      document.getElementById("tempStyle").remove();
                   }, 1000);
                });</script>

关于javascript - MDL选​​项卡加载问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33853537/