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

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

下面是我为页脚添加html标记并再次触发jquerymobile的“create”函数以填充页脚样式的代码

            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');

菜单+=''；
菜单+=''；
菜单+=“
”；
菜单+='
'；
菜单+='
'；
菜单+='
'；
菜单+='
'；
菜单+=''；
菜单+=''；
$（'#pHome'）.append（menu.trigger（'create'）；

---

我的问题是，页脚不会出现在页面底部，它出现在content div之后。我想我必须手动更新页脚div的位置，但不知道如何做。有人能帮我吗？

试试

$.mobile.fixedToolbars.show（）在这一行之后
$（'#pHome'）.append（菜单）.trigger（'create'）。这将迫使jquery mobile重新计算并显示固定工具栏的位置。这将使页脚保持在底部