jquery移动静态页脚导航栏

时间:2011-08-05 21:46:30

标签: jquery jquery-mobile

找到了这个答案In Jquery mobile, Header and footers are always hiding, when clicking inside the page?

我唯一的区别是我没有data-fullscreen =“true”但是有一个data-cache =“never”。

页脚栏不断淡入淡出。只是希望页脚导航栏位于屏幕底部而不会消失。

<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>

修改

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

标题会立即加载,但不会加载页脚。希望我的页脚像该页面的标题一样。

3 个答案:

答案 0 :(得分:10)

这在jQueryMobile 1.1 rc1中得到修复。见this link

在页脚上使用 data-tap-toggle =&#34; false&#34;

答案 1 :(得分:0)

它应该工作。
滚动列表时只有一个问题:导航栏消失但是一旦停止滚动就会重新启动。 你可以看到小提琴here

答案 2 :(得分:0)

        $(document).bind("mobileinit", function() {
             $.support.touchOverflow = true;

              $.mobile.touchOverflowEnabled = true;
              $.mobile.fixedToolbars.setTouchToggleEnabled(false);

        });

这很有效。在Android 2.3中测试