jqueryのUIのカスタムタブ

Question

私はそうのような3つのAJAXのタブを持って

jqueryのUIのタブを使用しています。

次のコードを試しました。

<script type="text/javascript"> 
    $(document).ready(function(){ 
    var $tabs = $('#tabs').tabs(); 
    $tabs.tabs('select', 1); 
    }); 
</script> 

今linktopage2.jspのコード。しかしながら実行されたときにページがロード...、画面上にまだ最初のタブが選択され、スクリーンは空です。私は明示的にデータを表示するために2番目のタブをクリックする必要があります。

私は何が間違っているのですか、それとも何か他に何かできますか？

Answer 1

docより、 'selected'プロパティを使用してください。

$('#tabs').tabs({ selected: 2 });