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

给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 οnclick="app.show('pgJgbfMain','pgJgbfXq')">门店详情</a></li>
                <li><a οnclick="app.show('pgTgbf','pgJgbfXq')">备忘登记</a></li>
                <li><a οnclick="app.show('pgTgbf','pgJgbfXq')">退货</a></li>
                <li><a οnclick="app.show('pgTgbf','pgJgbfXq')">换货</a></li>
            </ul>
        </div>    
    </div>
    <!-- footer end -->    

请支持 信阳茶叶网：http://www.tea119.com o(∩_∩)o

转载于:https://www.cnblogs.com/wshiqtb/p/3567396.html