Обновить содержимое jQuery UI Tabs Widget

Question

Я хочу перезагрузить содержимое одной вкладки, нажав кнопку.

Вот редизайн моей проблемы в Fiddle: http://jsfiddle.net/NhTzt/

Я не знаю, как сделать это.

function clear(){ 
$("tabs-1").empty(); 

/* load new content */  
} 

Вот API из JQuery UI Tabs http://api.jqueryui.com/tabs/ я не нашел функцию, которая может служить моей проблемы.

Спасибо!

Answer 1

Edit:

var i=0; 
$(function() { 
    $("#tabs").tabs(); 
}); 

$('#button').click(function(){ 
    i++; 
    $("#tabs div:visible").empty(); 
    $("#tabs div:visible").append('<p>new content'+i+'</p>');       
}); 

Demo

Answer 2

Если вы хотите изменить использование этого контента:

$('#button').click(function(){ 
    $("#tabs-1").empty().append("<span>new html or text</span>"); 
}); 

Вот demo. Вы можете комбинировать его с некоторым запросом ajax, например. для получения совершенно нового контента.