0

我在使用 JQM 1.3、JQ 1.9.1、PhoneGap/Cordova 2.4.0 和 DROID RAZR 4G、MOTOROLA PHOTON 4G、MB855、DROIDX 时遇到问题。

我的问题是用户看不到任何按钮、表单输入或可折叠集。我可以在 browserstack.com 上复制这个问题,甚至修复其中的一部分。我有一个 jsbin,但如果你没有 browserstack.com 或摩托罗拉模拟器,你将看不到链接的错误(所以我的描述可能必须这样做)。

http://jsbin.com/ucelop/1/edit

摩托罗拉浏览器/html 解析器似乎没有完全尊重 z-index 属性,或者它与 JQM 提供的内容不兼容。如果我将按钮的 z-index 更改为 999999,我可以在摩托罗拉浏览器中看到它(所以我猜它确实有点尊重它),但这不适用于可折叠集和其他表单元素。

我所有的代码都可以在 JQM 支持的所有其他设备上运行。摩托罗拉出了点问题......

任何帮助是极大的赞赏!

~红色

4

1 回答 1

1

好的,jfriend00 的评论帮助我朝着正确的方向前进。

问题是在页眉和页脚元素中使用了“data-position=fixed”。

我的印象是这在 JQM 1.3 中已修复,但可惜不是。我可能要补充的不是 JQM 开发人员的任何错误,他们做得非常好!

在 Android 4.0.4 的 Motorola 设备上,使用 data-position=fixed 会导致覆盖隐藏表单元素和其他 JQM 小部件。手动更改 z-index(如上所述)可以在某些元素上克服此问题,但是调整 z-index 的任何元素都将浮动在固定页脚上方,从而破坏了固定页脚效果。

虽然我的原始代码在几乎所有其他设备和 Android 版本上都能正常工作,但我无法克服这个问题。

我将页脚更改为位置:绝对,但是等等,我仍然遇到表单元素不显示的问题!所以我不得不从 JQM 站点进行修复,据说它只适用于 Android 2.2/2.3 和 2D CSS 效果,但它也修复了我在 4.0.4 中的问题。

修复:

当 position: fixed 元素出现在页面的任何位置时,大多数 2D CSS 转换都会失败。奇怪的是,只有翻译转换似乎不受此影响。更奇怪的是,这个问题是通过在固定元素的父元素上设置 0.9 或更低的 CSS 不透明度来解决的。

src= http://api.jquerymobile.com/fixedtoolbar/

于 2013-03-06T18:40:59.787 回答