jquery-ui - JqueryタブUI1.10タブ更新

Question

私はjqueryタブを使用しています。タブクリックでコンテンツを更新する方法を知りたいです。$（＃TABS）.TABS（）でドキュメントレディ関数を使用しています

$(document).ready(function(){
    $("#tabs").tabs();
      $("#tabs").bind("tabshow",function(event,ui){window.location.href=ui.tab;});});

Answer 1

こちらの「selectevent」をご覧ください

それは言う：

このイベントは、タブをクリックするとトリガーされます。コード例

selectイベントをinitオプションとして処理するためのコールバック関数を提供します。

$( ".selector" ).tabs({
   select: function(event, ui) { ... }
});

次のタイプでselectイベントにバインドします：tabsselect。

$( ".selector" ).bind( "tabsselect", function(event, ui) {
  ...
});

Answer 2

jQuery-UI 1.10では、次のことが役立つはずです。

$("#TABS").tabs("load", $("#TABS").tabs("option", "active"));

編集：コードの詳細：

$(function() {
    $("#TABS").tabs();
    $("#TABS").on('click','li',function(event,ui) {
        $("#TABS").tabs("load", $("#TABS").tabs("option", "active"));
    });            
});

これがjsfiddleへのリンクです