jquery mobile,Android版Chrome菜单中的选择菜单出错

我已将Chrome浏览器更新为上一版本,但我遇到以下问题：

当我选择一个选择菜单的选项时,它不会显示为选中状态,我重复选择的过程,然后选择确定.如果我尝试选择其他选项它会发生相同,第一次不好,第二次OK.这是因为我已经更新到Chrome的第50版,以前的版本49它运行正常.

我使用的是搭载Android 5.1.1的华为Y5,搭配Android 6的Nexus也是如此.

我拥有的jquery mobile版本是1.4.5

它似乎只发生在Android版的Chrome版本50中,在桌面上工作正常.在华为的浏览器中,工作正常.

要测试这个问题很简单,只需转到jquery mobile选择菜单的演示：

http://demos.jquerymobile.com/1.4.5/selectmenu/

一个重要的事情,在以前版本的jquery mobile中运行良好,例如：

http://demos.jquerymobile.com/1.3.2/widgets/selects/

有什么方法可以解决这个问题吗？任何帮助,将不胜感激.

提前致谢,

费利克斯.

最佳答案

我必须质疑JQuery Mobile默认隐藏选择元素焦点上的工具栏背后的逻辑.本机浏览器选择元素以各种特殊方式覆盖页面,甚至是非本机选择弹出窗口(在html或nativeMenu中指定数据属性data-native-menu =“false”时获得：在selectmenu选项中为false )绝对定位为对话框.这意味着工具栏实际上不会侵入selectmenu选项的不动产,因为它们总是覆盖包括工具栏在内的所有内容.对我来说,这使得12664 – 12692行的代码注释为：这会隐藏键盘弹出窗口上的工具栏,从而为选择元素提供更多的屏幕空间.

解决方法/解决方案：谢天谢地,jQuery-Mobile很好地允许您使用数据属性数据 – 隐藏在焦点期间覆盖页眉/页脚中的此设置 – 只需将其设置为：

data-hide-during-focus =“input,textarea”

当select元素获得焦点时,它不会再尝试隐藏工具栏.

即只需更改您的标题：

至：

…页脚也一样.

原文地址：https://www.jb51.cc/jquery/427765.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。