jquery - 修复了点击空白区域时页脚隐藏的问题

Question

我的 Jquery Mobile 应用程序有一个固定的页脚（里面有一个导航栏）。我遇到的问题是，当用户在应用程序（最有可能是空白区域）上单击/点击或类似操作时，页脚会隐藏。

它使用某种动画（向下滑动），所以我猜这不是错误，但是我缺少 data-* 属性来防止这种情况发生。

有任何想法吗？

谢谢！

Answer 1

听起来您已data-fullscreen="true"应用该属性。此属性将导致您按设计描述的行为。

只需删除该属性并保留您的data-position="fixed"，您就可以了。

Answer 2

我也有一个带导航栏的页脚，我的页脚在点击时不会隐藏。试试这是否适合你：

<div data-role="footer" data-id="nav">      
            <div data-role="navbar" data-iconpos="top" data-position="fixed">
                <ul>
                    <li><a data-icon="grid" href="#one">One</a></li>
                    <li><a data-icon="grid" href="#two">Two</a></li>
                    <li><a data-icon="grid" href="#three">Three</a></li>
                    <li><a data-icon="grid" href="#four">Four</a></li>
                </ul>
            </div><!-- /navbar -->
        </div><!-- /footer -->