我已将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