jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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元素获得焦点时,它不会再尝试隐藏工具栏.

即只需更改您的标题

<div data-role="header" data-position="fixed" data-tap-toggle="false">
  Header
</div><!-- /header -->

至:

<div data-role="header" data-position="fixed" data-tap-toggle="false"  data-hide-during-focus="input,textarea">
  Header
</div><!-- /header -->

…页脚也一样.

大佬总结

以上是大佬教程为你收集整理的jquery mobile,Android版Chrome菜单中的选择菜单出错全部内容,希望文章能够帮你解决jquery mobile,Android版Chrome菜单中的选择菜单出错所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。