javascript - 選択したjQuery UIタブをプログラムで変更しますか?

Question

そのため、タブの様式化された部分だけを使用しているページがあります。タブをクリックすると、そのタブがアクティブな状態で新しいページに移動するため、何をすべきかをほぼエミュレートしますが、1 つの中に 4 つの大きなページはありません。ページごとに、アクティブなタブを次のように変更します

$( ".tabs" ).tabs({ active:2 });

等々。これはうまくいきます。次にダイアログです。このページには、タブも開始するダイアログがあります。多くの div 内にネストされている情報があるため、「タブ」の既定の機能は機能しません。私が理解していることから、タブをクリックすると、次の div が検索されます。3 つのタブ = 3 つの div のみ。したがって、この場合、再びスタイルを設定するためにタブを使用し、それぞれの異なるタブ (合計 3 つのタブ) に必要な情報を表示/非表示にし、クリックのバインドを解除します。

$('.tabsDialog > ul > li > a').unbind('click');

したがって、当然のことながら、クリック機能を使用して前の div を非表示にし、新しい div を表示して、この新しいタブをアクティブにすることを考えています。だから、このようなもの

         $('a.globalSet').on('click',function(){
              $('div.timeSet').hide();
              $('div.globalSet').fadeIn();
              $('div.comManager').hide();
              $( "li.timeSet" ).tabs({ active:1 });
          });

これは私の新しいタブをアクティブにしていません。addClass .ui-tabs-active を試しましたが、まだ運がありません。何か案は？前もって感謝します。jsfiddle: http://jsfiddle.net/tRKSv/2/