MDL选​​项卡加载问题

Question

在我的网站（Link）中，（由Google运行MDL）我有一个恼人的问题，你可以在#harule标签消失之前稍微看一下它。该标签没有属性is-active，应该隐藏在页面上，直到您点击harule标签。有没有解决这个问题，无论是MDL还是普通的HTML，CSS，JS？

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

Answer 1

这是因为选项卡是在页面就绪上构建的，并且创建的元素是在页面渲染时（即在选项卡之前）

由于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>