jquery移动标头问题

时间:2013-05-20 10:36:03

标签: jquery jquery-mobile mobile header

我的jquery移动标题存在问题。

我包含2张照片链接。

Image 1

Image 2

图片1:我点击textarea,de app向下滑动,键盘弹出。到目前为止一切都很好。

图片2:如果我完成了输入,我按下'verstuur'按钮(dutch for send)然后键盘消失,我的标题移动到中间。

我的头文件代码

<div data-role="header" data-position="fixed" data-tap-toggle="false">
  <a href="#mypanel" data-theme="reset" data-icon="menubars" data-iconpos="notext">Navigation</a>
    <h1>Melding</h1>
  <a onClick="RefeshPagina()" data-theme="reset" data-icon="reload" data-iconpos="notext">Reload</a>
</div>

我希望有人可以帮助我。

2 个答案:

答案 0 :(得分:0)

我使用的一个应用程序

<div data-role="header" data-position="fixed" data-theme="a" style="font-family:verdana">
    <h1>Test app</h1>
    <% if SyncEngine::logged_in > 0 %>
      <a href="<%= url_for :controller => :Settings, :action => :do_sync %>" class="ui-btn-left" data-icon="refresh">
        Sync
      </a>
      <a href="<%= url_for :controller => :Settings, :action => :logout %>" class="ui-btn-right" data-icon="star">
        Logout
      </a>
    <% else %>
          <!-- <a href="<%= url_for :controller => :Settings, :action => :login %>" class="ui-btn-right" data-icon="star">Login</a>  -->
    <% end %>
</div>

对我来说很好。我使用了jquery.mobile-1.0.1

注意:在您的第二个链接上,您没有提到href。如果您不想提及正确的链接href,请将其提及为<a href="#"> ... </a>

答案 1 :(得分:0)

为标题栏添加ID并尝试使用此脚本。

JQUERY

$(document).ready(function() {
    $("#your_header").fixedtoolbar({ tapToggle: false });
});