<div data-role="footer" data-position="fixed" data-id="footer" data-theme="d">
        <div data-role="navbar">
            <ul id="bottomBar">
                <li><a id="homeBar" href="${ctx}/mobile/" data-role="button" data-icon="home" data-ajax="false">首页</a></li>
                <li><a id="pSortBar" href="${ctx}/mobile/listNodeByLevel?treeId=1" data-role="button" data-icon="bullets" data-ajax="false">分类</a></li>
                <li><a id="cartBar" href="${ctx}/mobile/cart/list" data-role="button" data-icon="shopping-cart" data-ajax="false">购物车</a></li>
                <li><a id="myBar" href="${ctx}/mobile/user/home" data-role="button" data-icon="user" data-ajax="false">我的</a></li>
            </ul>
        </div>
    </div>

<script>
    //设置底部导航栏的active状态
    $(document).on("pagecontainershow", function(event, ui) {
        $('#bottomBar a').removeClass($.mobile.activeBtnClass);
        $('#cartBar').addClass($.mobile.activeBtnClass);
    });
</script>