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

Question

I have been working on materializecss.com to build a web app by using the google script platform but while everything works well under Windows, Linux, Android, it doesn't work on IOS (except chrome/firefox only on MAC). 該問題似乎與.select(); Tabs 結構的方法。 更具體地說，當使用instance.select('tab_id');啟用特定選項卡時 ios 設備將您重定向到新的 window 而不是啟用選項卡。

有什么好的解決辦法嗎？ 示例代碼如下所示。

    <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);

Answer 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