In jquery-ui 1.9, how do you create new tabs dynamically?

Question

According to the upgrade guide for jquery-ui 1.9 tabs - http://jqueryui.com/upgrade-guide/1.9/#deprecated-add-and-remove-methods-and-events-use-refresh-method - when adding

Answer 1

An example is described in more details here moreover there is a runnable version is on jquery ui's official site with its source code.

A simple declaration could be something like the following:

var addTab = function (tabs, tabId, tabLabel, tabContentHtml) {
     var header = "
" + tabLabel + " 
"
     tabs.find(".ui-tabs-nav").append(header);
     tabs.append("
" + tabContentHtml + "
");
     tabs.tabs("refresh");
};

Addition of a new tab is getting easier, just type the following:

$("#tabs_area").tabs();
addTab($("#tabs_area"), "tab_id1", "Tab 1", "this is just test");