页面
<div data-role="tabs" id="tabsBookStoresTabs">
<div data-role="navbar" id="navBookStoresTabs">
<ul id="ulStoreProvince">
<li><a href="#one" data-ajax="false">one</a></li>
<li><a href="#two" data-ajax="false">two</a></li>
<li><a href="ajax-content-ignore.html" data-ajax="false">three</a></li>
</ul>
</div>
<div id="one" class="ui-body-d ui-content">
<h1>First tab contents</h1>
</div>
<div id="two">
<ul data-role="listview" data-inset="true">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
<li><a href="#">Ferrari</a></li>
</ul>
</div>
</div>

js代码
try {
var provinceHtml = '';
$.each(proCityStores, function (key, value) {
var province = JSON.parse(key);
provinceHtml += '<li style="width: 100px;"><a href="#pro_' + province.id + '" data-ajax="false">' + province.name + '</a></li>';
});
var navbar = $("<div/>", {
"data-role": "navbar",
"style": ""
}).append($("<ul/>").append($(provinceHtml))).navbar();
$("#navBookStoresTabs").replaceWith(navbar);
} catch (err) {
alert(err);
}