代码改变世界

jquery mobile开发中footer一直在底部的设置方法

2015-08-16 11:33  咒语  阅读(537)  评论(0编辑  收藏  举报

现给出html中Body节点中的代码如下:

实现代码:data-position=”fixed”

<div data-role="page" id="pageone">
    <div data-role="header">
        <h1>投票</h1>
    </div>

    <div data-role="content">
        <p>我是内容</p>
    </div>

    <div data-role="footer" data-position="fixed">
        <div data-role="navbar">
            <ul>
                <li><a href="#" data-icon="plus" >更多</a></li>
                <li><a href="#" data-icon="minus" class="">更少</a></li>
                <li><a href="#" data-icon="delete" class="ui-btn-active ui-state-persist">删除</a></li>
                <li><a href="#" data-icon="check">喜爱</a></li>
            </ul>
        </div>
    </div>
</div>