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

前端之家收集整理的这篇文章主要介绍了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元素获得焦点时,它不会再尝试隐藏工具栏.

即只需更改您的标题

至:

…页脚也一样.

原文链接:/jquery/427765.html

猜你在找的jQuery相关文章