第一种
$(function(){
$("#menu").html("<li><a href='#'>Test Styling</a></li>");
$("#navbar").navbar();});
第二种
var footer = $("#footer-id");var navBar = $("div",{"data-role":"navbar","html":"<ul><li><a href='#'>Test Styling</a></li></ul>"}).appendTo(footer).navbar();
第三种
$(function(){
$("#menu").html("<li><a href='#'>Test Styling</a></li>").trigger('create');});
html代码：
<divdata-role="header"><h1id="title">App</h1></div><!-- /header --><divdata-role="content"id="content"><p>Loading...</p></div><!-- /content --><divdata-role="footer"data-position="fixed"><divdata-role="navbar"id="navbar"><ulid="menu"></ul></div></div><!-- /footer --></div>
原文参考自站长网：http://www.software8.co/wzjs/jquery/3543.html