jquery - イベントでタブをスリーブ化する

Question

$("#tabs").tabs(); を使用してタブを作成しています。

しかし、ボタンをクリックするとページにボタンがあり、3番目のタブを選択した状態にする必要があります。どうやってやるの？

Answer 1

を使用してタブを初期化した後

$(".tabs").tabs();

次のコードを使用して、ボタンのクリック時にアクティブなタブを設定できます。

$(".tabs").tabs( "option", "active", 2 );

Answer 2

タブのアクティブなオプションを使用... doc here これを試してください

 $('#buttonID').click(function(){
     $("#tabs").tabs({ active: 2 }); //2 because it is zero-based index of the panel 
 });