刷新 jQuery UI 选项卡小部件的内容答案

【问题标题】：Refresh content of jQuery UI Tabs Widget刷新 jQuery UI 选项卡小部件的内容
【发布时间】：2013-07-04 13:39:44
【问题描述】：

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

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

我不知道该怎么做。

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

 /* load new content */     
}

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

谢谢！

【问题讨论】：

tabs-1 是一个ID，你应该调用$("#tabs-1")

标签： jquery jquery-ui jquery-ui-tabs

【解决方案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

【讨论】：

【解决方案2】：

如果您想更改内容，请使用：

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

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

【讨论】：