刷新jQuery UI選項卡組件的內容

Question

我想通過單擊按鈕來重新加載一個選項卡的內容。

這裏是小提琴我的問題的重新設計：http://jsfiddle.net/NhTzt/

我不知道該怎麼做。

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

/* load new content */  
} 

下面是從jQuery UI的標籤http://api.jqueryui.com/tabs/ API的我沒有找到可以爲我的問題的功能。

謝謝！

Answer 1

編輯：

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請求結合起來，例如。獲得全新的內容。