解决jquery mobile的header和footer在点击屏幕的时候消失的办法

最新推荐文章于 2026-01-08 11:09:44 发布

转载最新推荐文章于 2026-01-08 11:09:44 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wshiqtb/p/3567396.html

文章标签：

#javascript #ViewUI

本文介绍如何设置Header和Footer为固定位置，并禁用点击切换功能。通过在div元素中添加特定属性实现布局调整。

给header和footer添加 data-position="fixed" 和 data-tap-toggle="false"即可，代码如下：

    <div data-role="footer" data-position="fixed" data-tap-toggle="false">
        <div data-role="navbar">
            <ul>
                <li><a onclick="app.show('pgJgbfMain','pgJgbfXq')">门店详情</a></li>
                <li><a onclick="app.show('pgTgbf','pgJgbfXq')">备忘登记</a></li>
                <li><a onclick="app.show('pgTgbf','pgJgbfXq')">退货</a></li>
                <li><a onclick="app.show('pgTgbf','pgJgbfXq')">换货</a></li>
            </ul>
        </div>    
    </div>
    <!-- footer end -->