2012-03-17 65 views
4

标题几乎总结了它。我必须通过一个固定的永久报头:jQuery Mobile Phonegap iOS:当我拔起键盘时,标题闪烁

<div data-role="header" data-id="headerbar" data-position="fixed" data-theme="b"> 

      <h1>Title!</h1> 
      <a href="#" class="ui-btn-right">Login</a> 
     </div> 

通过然后另一头:

<div data-role="header" data-theme="c"> 
     <h6>1. Type a name </h6> 
     <input type="search" name="name" id="basic" value=""></input> 
    </div> 

当我在Xcode模拟器的文本输入点击(和我实际的iPhone),第一头变成纯白色,然后弹回到正确的标题。

想法?

我的屏幕看起来是这样的:Sim Screen

+0

你打算在同一页面中使用两个头? – uday 2012-03-17 02:56:58

+0

是的......那是不好的? – JoshDG 2012-03-17 02:57:27

+0

你可以粘贴你的屏幕是什么样的图像? – uday 2012-03-17 03:04:34

回答

2

可以使用的<label>代替<header>

<label for="search-basic">Select Name:</label> 
<input type="search" name="search" id="searc-basic" value="" data-mini="true" /> 

http://jsfiddle.net/6Vu4r/3/

编辑:它的jQuery移动的data-position="fixed"属性的属性。它的功能是在屏幕滚动时消除工具栏。如果你点击屏幕,它会消失&,如果再次点击它会显示工具栏。所以这就是为什么你的标题消失,如果你再次点击第一次它弹出回来,当你再次点击。如果没有使用,请删除该属性。希望能帮助到你。

+0

这确实有助于我的格式化,但其他标题(顶部)仍然闪烁。 – JoshDG 2012-03-17 03:32:42

+0

请参阅我的**编辑**请。你说“变成纯白色”并称之为“闪烁效果”,让我感到困惑。 – uday 2012-03-17 03:55:53

+0

嗯。那么这确实解决了问题,所以我接受了答案,但我确实希望它是一个固定的标题...我不希望它在我滚动时移动..我可以这样做吗?感谢您的帮助btw :) – JoshDG 2012-03-17 04:04:38

2

正如@uDaY告诉我的,删除data-position =“fixed”,帮助我摆脱了@ uDay编辑提到的问题。 @JoshDG在div data-role =“header”中,你可以尝试style =“position:fixed”,如果你看到任何对齐方式的变化,就可以修正头部的固定。 :)谢谢你的解决方案和问题。

+0

对于我来说,当我删除数据位置并仅放置样式时,对齐将丢失。所以,我离开了数据位置,并把风格:

...
reinaldoluckman 2012-06-06 08:35:58