jQuery UI의 tab을 동적으로 생성하는 방법.
$(function() {
$('#main_tab').tabs();
});
tab을 생성하는 함수.
function fn_tabAdd() {
no++;
var tabs = $("#main_tab").tabs();
var ul = tabs.find("ul");
$("<li><a href='#tabs-" + no + "'>" + "Tab No." + no + "</a></li>").appendTo(ul);
$("<div id='" + "tabs-" + no + "'>" + "Tabs No." + no + "</div>" ).appendTo(tabs);
tabs.tabs("refresh");
}
html파일.
..
<div id="main_tab">
<ul id="tab_head">
<li><a href="#tabs-0">Tab 1</a></li>
</ul>
<div id="tabs-0">Tab 01</div>
</div>
..
