Materialise Sidenav 不适用于 iOS 或 iPhone,但适用于所有其他设备

Posted

技术标签:

【中文标题】Materialise Sidenav 不适用于 iOS 或 iPhone,但适用于所有其他设备【英文标题】:Materialize Sidenav not working on iOS or iPhone but works on all other devices 【发布时间】:2019-04-13 05:24:08 【问题描述】:

Materialize Sidenav 不适用于 iPad 或 iPhone,但适用于所有其他设备。如果您想查看代码,这里是一个 repo 的链接:repo 请参阅 index.html(第 44 行向下)和 js/onloadSetup.js

我尝试在onloadSetup.js 中添加这个:

$('#menu').on('click', function() 
    $('.sidenav').sidenav('open');
  );

但我没有运气。

尝试关注此link,但我没有运气。有人能帮我吗?谢谢!

更新: 几个小时后,它才开始在我的 iPad 上运行。不知道有什么变化 影响它或如果有的话。我猜这是我添加的上述代码,但不需要此代码。无论如何问题都解决了,我只是希望我知道它现在工作的原因。

【问题讨论】:

【参考方案1】:

您应该能够在实例上使用 open 方法:

$('.sidenav').open();

【讨论】:

几个小时后它现在可以工作了,但我不知道为什么。我在几个人的 iPhone 和我的 iPad 上尝试过,但它不起作用,但现在可以了。谢谢

以上是关于Materialise Sidenav 不适用于 iOS 或 iPhone,但适用于所有其他设备的主要内容,如果未能解决你的问题,请参考以下文章

Angular SideNav 不会根据路由更新内容

升级 Materialise 1.0.0 -> 1.1.0

如何让这个 Materialise 表在移动设备上响应更快

如何使用 Materialise 线性不确定进度条作为页面预加载器?

如何制作 Materialise Jumbotron

Materialise CSS 的一些问题