以编程方式在 JqueryMobile 中添加固定页脚
我尝试以编程方式在我的 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 的位置，但不知道该怎么做。谁能帮助我吗？
i try to add footer in my jquery mobile page programmatically.
Here is my code to add html markup for footer and trigger the "create" function of jquerymobile again to populate the style for the footer.
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');
My problem is, the footer doesn't appear at the bottom of the page, it appears right after the content div. I think that i have to update the position of the footer div manually but don't know how to do that. Can anyone help me?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在此行之后尝试
$.mobile.fixedToolbars.show();$('#pHome').append(menu).trigger('create');。应该强制 jquery mobile 重新计算固定工具栏的位置并显示它。这应该将页脚保持在底部。Try
$.mobile.fixedToolbars.show();after this line$('#pHome').append(menu).trigger('create');.This should force jquery mobile to recalculate the position of the fixed toolbar and show it.That should keep the footer at the bottom.