今天突然用到需要动态改变tab页,
布局代码如下:
<div data-role="navbar" id='divtab'>
<ul id='divtabul'>
</ul>
</div>
动态创建js代码如下:
function createTabs(tabs){
var html = '';
for(var i=0;i<tabs.length;i++){
html = html + createTab(tabs[i].tabname,tabs[i].tabid,tabs[i].ispage);
}
$('#divtabul').empty();
$('#divtabul').html(html);
$('#divtab').navbar('refresh');//注意这一行,danielinbiti
}
function createTab(tabname,tabid,isPage){
var lihtml = '<li><a onclick="clickTab(this,true)" data-ajax="false" txt="'+tabname
+ '" id="' + tabid + '" isPage="' + isPage + '" class="self-class">'+ tabname + '</a></li>';
return lihtml;
}
开始以为navbar刷新和listvie