MaterializeCSS select() 方法在 IOS 上不起作用答案

【问题标题】：MaterializeCSS select() method doesn't work on IOSMaterializeCSS select() 方法在 IOS 上不起作用
【发布时间】：2021-01-25 01:21:14
【问题描述】：

我一直致力于 materializecss.com 使用 google 脚本平台构建网络应用程序，但是虽然在 Windows、Linux、Android 下一切正常，但它在 IOS 上不起作用（除了 chrome/firefox 仅在 MAC 上） .该问题似乎与制表结构的.select(); 方法有关。更具体地说，当使用 instance.select('tab_id'); 启用特定选项卡时，ios 设备会将您重定向到新窗口，而不是启用该选项卡。

有什么好的解决办法吗？示例代码如下所示。

    <nav class="nav-extended">
       <div class="nav-content">
         <ul id="navBarTabs" class="tabs">
           <li id="TabId1" class="tab"><a href="#tab1">TAB1</a></li>
           <li id="TabId2" class="tab disabled"><a href="#tab2">TAB2</a></li>     
         </ul>
       </div>
      </nav>

</script>
M.Tabs.init(document.getElementById("navBarTabs")).select("tab2");
</script>

使用此选项呈现 HTML 页面：

HtmlService.createHtmlOutputFromFile("fileName").getContent().evaluate().setXFrameOptionsMode(HtmlService.XFrameOptionsMode.ALLOWALL);

【问题讨论】：

标签： javascript html ios dom materialize

【解决方案1】：

这是 iOS 中的一个已知错误，一种解决方案是在 materialize.js 之后提供已修补的select.js。

像这样：

<script src="/js/materialize.min.js"></script>
<script src="/js/select.js"></script>
<script src="/js/yourcustom.js"></script>

这是修补后的 select.js 文件：https://github.com/Dogfalo/materialize/blob/v1-dev/js/select.js

【讨论】：