jquery-ui 1.10.3 では、url メソッドが aria-control メソッドに置き換えられました。
使い方が思いつきません。
action.php というファイルからデータを読み込もうとしています
action.php ファイルは、「Contents from the server」というメッセージを送信します
3 つのタブの最初に配置する必要があります。
それは動作しません。Chrome コンソールに次のメッセージが表示されます
キャッチされないエラー: タブ ウィジェット インスタンスの「aria-controls」メソッドはありません
次のコードがあります。
<div id="tabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tab1">Tab 1</a></li>
<li class="ui-state-default ui-corner-top"><a href="#tab2">Tab 2</a></li>
<li class="ui-state-default ui-corner-top"><a href="#tab3">Tab 3</a></li>
</ul>
<div id="tab1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">Contents of first tab.</div>
<div id="tab2" class="ui-tabs-panel ui-widget-content ui-corner-bottom">Contents of the second tab</div>
<div id="tab3" class="ui-tabs-panel ui-widget-content ui-corner-bottom">Contents of the third tab</div>
</div>
<script type="text/javascript">
(function($) {
$("#tabs").tabs()
.tabs("aria-controls", 0, "action.php")
.tabs("load", 0);
})(jQuery);
</script>