Question

我的单页网页应用中有一个选择元素。该应用程序具有响应式设计，适用于移动设备。以下是开发版本的链接。

Theselect元素适用于所有浏览器，但Chrome适用于移动设备。在Chrome for android上，当我打开它时会显示选项列表，但是当选择一个选项时，它根本不会改变。我试图在改变事件时提醒一些事情，但它没有被解雇。

我厌倦了真实的设备，但这是来自模拟器的截图。这完全相同。

state 1

state 2

state 3

有没有人有类似的问题或任何想法来解决这个奇怪的问题？

Answer 1

对我来说似乎有用的超级hacky修复是在触发更改时触发选择上的模糊事件。类似的东西：

$('select').change(function(){
  if (/Android/.test(navigator.userAgent)){
    $(this).blur();
  }
});

真的不为这个“修复”感到自豪，但它确实有效。