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

Question

我尝试以编程方式在我的 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 的位置，但不知道该怎么做。谁能帮帮我？

Answer 1

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