jquery - 刷新 jQuery UI 选项卡小部件的内容

Question

我想通过单击按钮重新加载一个选项卡的内容。

这是我在 Fiddle 中的问题的重新设计：http: //jsfiddle.net/NhTzt/

我不知道该怎么做。

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

 /* load new content */     
}

这是来自 jQuery UI Tabs http://api.jqueryui.com/tabs/的 API我没有找到可以解决我的问题的函数。

谢谢！

Answer 1

如果要更改内容，请使用：

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

这是一个演示。您可以将它与一些 ajax 请求结合使用，例如。获得全新的内容。

Answer 2

编辑：

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

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

演示