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

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