以编程方式在JqueryMobile中添加固定页脚

时间:2012-02-11 11:54:10

标签: jquery-mobile footer

我尝试以编程方式在我的jquery移动页面中添加页脚。

这是我的代码,为页脚添加html标记并再次触发jquerymobile的“创建”功能,以填充页脚的样式。

            menu += '<div data-role="footer" data-position="fixed" id="menu" data-theme="a">';
            menu +=     '<div data-role="navbar">';
            menu +=         '<ul>';
            menu +=             '<li><a href="'+GLOBAL.APP_ROOT+'simulator/list1">List1</a></li>';
            menu +=             '<li><a href="'+GLOBAL.APP_ROOT+'simulator/list2">List1</a></li>';
            menu +=             '<li><a href="'+GLOBAL.APP_ROOT+'simulator/list3">List3</a></li>';
            menu +=         '</ul>';
            menu +=     '</div>';
            menu += '</div>';
            $('#pHome').append(menu).trigger('create');

我的问题是,页脚没有出现在页面底部,它出现在内容div之后。我认为我必须手动更新页脚div的位置,但不知道如何做到这一点。任何人都可以帮助我吗?

1 个答案:

答案 0 :(得分:0)

在此行$.mobile.fixedToolbars.show();之后尝试$('#pHome').append(menu).trigger('create');。这应该强制jquery mobile重新计算固定工具栏的位置并显示它。这应该将页脚保持在底部。