0

我是 jQuery 和一般移动应用程序的新手。

我对名为 nativeDroid 的 jQuery 主题有一个烦人的问题。将表单添加到我的页面后，每当我单击表单（常规输入或文本区域）时，页眉和页脚都会更改它们的位置并拉伸页面宽度。似乎当单击文本文件时，另一个类被添加到标题 div 中。类名是 .ui-fixed-hidden。

我在这里查看了一个相同的问题，但该解决方案对我不起作用。我尝试更改 .ui-fixed-hidden 类，使其与给出的解决方案相匹配，但问题仍然存在。如果有人可以帮助我，我将不胜感激，因为放弃像这样一个好看的主题将是一种耻辱。

我还不能发布任何图像，但问题看起来与我添加的帖子中的问题相同。

谁能帮帮我？

4

2 回答 2

1

我使用的是 PrimeFaces 5.0 最终版本，这意味着我使用的是 jQuery Mobile 1.4.2。

我按照这里的建议添加了 data-tap-toggle="false" （以及关于 stackoverflow 的许多其他问题），但这并没有解决我的问题。

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

所以，我还添加了以下内容，这解决了我的问题。

.ui-header.ui-fixed-hidden {
    position: fixed !important;
}
于 2014-09-07T12:06:19.500 回答
0

添加数据-tap-toggle="false"

例如，我在此标头中使用，并为我工作：

<div data-role="header" data-position="fixed" style="height:87px" data-tap-toggle="false">
    <a href="#grid-menu" class="botonHeader" data-theme="b" data-icon="home">Home</a>
    <h3>Contact</h3>
    <img src="objetos/logo_48.jpg" class="ui-btn-right logoHeader"/>
</div>

这与点击切换功能有关。当你点击页面时，我们设置 position: absolute; 而不是固定的工具栏。你会注意到这个页面上有更多内容的行为：http: //jsbin.com/erezak/25 所以删除/添加那个类是故意的。如果你不想要这个，你可以设置 data-tap-toggle="false"。

问题是我们将固定页脚拉低 1px 以修复 Android 上的 1px 间隙问题。我们还设置了 1px padding-bottom 以保持相同的视觉高度。当我们切换到 position: absolute; 时，这会导致文本跳转 1px 在短页上（无滚动）

其他问题是边框在 position: fixed; 下不可见，但在 position: absolute; 下变得可见；

参考：https ://forum.jquery.com/topic/ui-fixed-hidden-on-click-event-1-1-rc2

于 2014-08-12T15:18:09.720 回答