jquery mobile navbar列表appendTo追加选项

第一种 
$(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

 

你可能感兴趣的:(JQuery Mobile)