jquery 移动静态页脚导航栏 [英] jquery mobile static footer navbar

问题描述

找到这个答案在Jquery mobile中，在页面内部点击时页眉和页脚总是隐藏?

我唯一的区别是我没有 data-fullscreen="true" 但有一个 data-cache="never".

页脚栏不断淡入淡出.只希望页脚导航栏位于屏幕底部而不会褪色.

<脚本>$('#mainPage').live('pagecreate', function (event) {$.fixedToolbars.setTouchToggleEnabled(false);});....标题的东西<div data-role="content" id="mainContent">....
<div data-role="footer" data-theme="a" data-position="fixed"><div data-role="navbar"><ul>... 4 里的

编辑

我们开始.这是怎么做的?http://jquerymobile.com/test/experiments/scrollview/#../../docs/toolbars/footer-persist-a.html

页眉立即加载，但页脚不加载.希望我的页脚像那个页面的页眉一样.

解决方案

此问题已在 jQueryMobile 1.1 rc1 中修复.请参阅此链接

在页脚上使用 data-tap-toggle="false".

Found this answer In Jquery mobile, Header and footers are always hiding, when clicking inside the page?

The only difference that I have is I do NOT have data-fullscreen="true" but have a data-cache="never".

footer bar keeps fading in and out. Just want footer navbar to be on bottom of screen without fades.

<div data-role="page" data-cache="never" id="mainPage">
<script>
$('#mainPage').live('pagecreate', function (event) {

    $.fixedToolbars.setTouchToggleEnabled(false);

});
</script>
....header stuff
<div data-role="content" id="mainContent">
....
</div>
<div data-role="footer" data-theme="a" data-position="fixed">
  <div data-role="navbar">
    <ul>
      ... 4 li's
    </ul>
  </div>
</div>
</div>

EDIT

Here we go. How is this done? http://jquerymobile.com/test/experiments/scrollview/#../../docs/toolbars/footer-persist-a.html

Header loads immediately but not footer. Would like for my footer to act like the header of that page.

解决方案

This is fixed in jQueryMobile 1.1 rc1. See this link

Use data-tap-toggle="false" on your footer.

这篇关于jquery 移动静态页脚导航栏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！