jquery - jQuery UI タブ ウィジェットのコンテンツを更新する

Question

ボタンをクリックして、1 つのタブのコンテンツをリロードしたい。

これがフィドルでの私の問題の再設計です: http://jsfiddle.net/NhTzt/

私はそれを行う方法がわかりません。

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

 /* load new content */     
}

jQuery UI タブの API は次のとおりですhttp://api.jqueryui.com/tabs/問題を解決できる関数が見つかりませんでした。

ありがとう！

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>');                        
});

デモ