jquery - jquery uiタブ内のjqueryロードは、時々、または新しいタブを選択したときのみです

Question

私は4つのタブを持つjquery uiタブを持っています。各タブにはいくつかのデータを含むテーブルが表示され、すべてのテーブルは多かれ少なかれ同じです。テーブルの前のタブ内に、テーブルの順序を変更するための 2 つのリンクがあります。すべて正常に実行され、次の場合に順序を変更できます: - ページの更新後に初めてタブを選択する - タブ 4 を選択し、次にタブ 3、次にタブ 2 を選択する

この後、タブ 2 のみが常に正しく実行され、タブ 3 と 4 は変更されませんが、別のタブを選択すると、コンテンツが読み込まれ、次に新しいタブが表示されます

これは、タブと並べ替えの js コードです。

$(function() {
    $( "#tabs" ).tabs({
        beforeLoad: function( event, ui ) {
            ui.jqXHR.error(function() {
                ui.panel.html("Error");
            });
        }
    });
    $( "#tabs" ).tabs("option", "active", 0);
    $("div.ui-tabs-panel").delegate("#sorter a.sort", "click", function(event){
        event.stopPropagation();
        event.preventDefault();
    var e = $(this), d = $("#sorter").parent("div");
        d.load(e.attr("href"));
        return false;
    });
});

読み込まれたタブの内容:

<div id="sorter">
    <a class="sort" href="/it/private/ajax/proposals/region/latest">latest</a>
    <a class="sort on" href="/it/private/ajax/proposals/region/voted">voted</a>
</div>
<table class="zebra">
<tr><td>....</td></tr>
</table>

ありがとうパオロ