刷新jQuery UI Tabs Widget的内容

Question

我想通过点击按钮重新加载一个标签的内容。

以下是我在小提琴中重新设计的问题：http://jsfiddle.net/NhTzt/

我不知道该怎么做。

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

 /* load new content */     
}

以下是jQuery UI标签中的API http://api.jqueryui.com/tabs/我找不到可以解决问题的函数。

谢谢！

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请求结合起来，例如。获得全新的内容。