MDL选项卡加载问题

MDL Tab loading Issue

本文关键字：问题 加载 选项 MDL      更新时间：2023-09-26

在我的网站（链接）中（通过谷歌运行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>

相关文章：