我最近开始使用Ionic框架,并且遇到了关于ion-select
元素的非常奇怪的错误。一旦被用户点击,它就不会产生离子警报。我原本以为这是我自己的代码中的错误,但是什么也没发现,并且在意外退出Mozilla Firefox的自适应设计模式时,它可以完美运行。然后,我尝试了Ionic文档中的this sample code,以了解如何使用ion-select
。此代码使用Ionic组件,没有任何框架。在响应设计模式下,单击选择时它不会生成任何警报,并且不会产生任何错误。我在Ubuntu 18.04上使用Firefox 71.0(64位)。
在没有响应式设计模式的情况下,并且在缩小浏览器窗口的同时,selects功能可以完美运行。在响应式设计模式下,它们在模拟大型设备(例如电视)时可以正常运行,但不能与其他任何设备一起使用。我以为这可能是用户代理中的错误,所以这是一个用户代理,它在不起作用时(电视和笔记本电脑没有用户代理,它们的大小不同):
- Galaxy S9 / S9 +:
Mozilla/5.0 (Linux; Android 7.0; SM-G892A Build/NRD90M; wv) AppleWebKit/537.36 (KHTML,like Gecko) Version/4.0 Chrome/67.0.3396.87 Mobile Safari/537.36
更新:我进行了进一步的测试,解决该问题的另一件事是从其ion-select
容器中删除ion-item
。我不知道为什么这可以解决问题,这改变了我原来的想法,那就是与用户代理有关。另外,我尝试将浏览器的用户代理手动更改为上述代理,并且选择效果很好。这似乎是响应式设计模式的问题?
任何帮助将不胜感激!