Question

我需要，页眉和页脚始终固定位置。

我不想要下面的网址页面。我该怎么办？。帮我........ http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/toolbars/bars-fullscreen.html

（在上面的网址中，如果你在页面内点击。页眉和页脚会隐藏）。我不想这样

Answer 1

如果有人仍然发现这个问题并且意识到上述问题不再有效，就像我做的那样，正确的方法（今天是正确的，2012年5月23日）现在是：

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

Answer 2

使用data-tap-toggle="false"和data-hide-during-focus=""。

第二个将阻止固定工具栏隐藏when you click an input。

Answer 3

我设法使用固定的页脚：

<div data-role="footer" data-position="fixed"> 
    <div data-role="navbar"> 
        <ul> 
            <li></li> 
            <li></li> 
            <li></li> 
        </ul> 
    </div> 
</div>

和一些javascript：

<script type="text/javascript">
    $('#containerPage').live('pagecreate', function (event) {

        $.fixedToolbars.setTouchToggleEnabled(false);

    });
</script>

其中#containerPage是我的主页：

<div data-role="page" id="containerPage" data-fullscreen="true">
..
</div>

我已经尝试过使用jQuery Mobile v1.0rc1测试此解决方案。 2011年10月13日下载

Answer 4

data-tap-toggle="false"让我同样头痛！

这是一个很好的功能。我很惊讶我在文档中错过了它。

Answer 5

data-tap-toggle =“false”适用于jQueryMobile 1.1.0和PhoneGap 2.2.0

Answer 6

我意识到这个问题已经过时了，但它并没有帮助我100％。下面是我在一些精致的谷歌搜索后找到的解决方案，决定在这里发布，因为这是我的第一个结果。

我的问题是，无论是否使用默认行为，在点击输入时页眉和页脚都会隐藏。我正在使用惊人的DateBox。

使用data-tap-toggle ='false'手动更新DOM页眉/页脚没有做任何事情，但这样可以节省一些时间：

$("[data-role=header]").fixedtoolbar({ tapToggleBlacklist: "input[data-role=datebox]" });
$("[data-role=footer]").fixedtoolbar({ tapToggleBlacklist: "input[data-role=datebox]" });

无论出于何种原因，以这种方式禁用点按切换解决了我的问题，并向我展示了在大量页面中禁用它的简写。

Answer 7

data-hide-during-focus=""仅适用于需要关注的输入类型，如果您点击页面中的任意位置并且问题发生，那么您需要使用data-tap-toggle="false"。把它只放在固定位置div

<div data-role="footer" data-position="fixed" 
   data-tap-toggle="false" data-hide-during-focus="" data-theme="b"></div>

Answer 8

我正在使用data-hide-during-focus=""，现在正在使用！

在Jquery mobile中，当在页面内部单击时，页眉和页脚总是隐藏？

8 个答案: