jquery - 新しいタブを静的タブのように動作させる

Question

jQuery について質問があります。私は大規模なシステムのメニュー シミュレーションに取り組んでいるので、他の人がそれを試して、どのように整理すればよいか (ユーザビリティとユーザー エクスペリエンスなど) を決めることができます。

すべてのメニュー項目はタブで区切られており、ドラッグ可能です。また、jquery ui #connect-lists-through-tabs を使用して他のタブにドラッグすることもできます。同じjquery uiで可能な新しいタブを作成する可能性を追加したいと思います。しかし、問題ではありません。新しいタブに何を追加しても、他のタブ機能は共有されません。

addTab 関数は次のとおりです。

function addTab() {
    var label = tabTitle.val() || "Tab " + tabCounter, id = "tabs-"
            + tabCounter, li = $(tabTemplate.replace(/#\{href\}/g,
            "#" + id).replace(/#\{label\}/g, label));
    tabs.find(".ui-tabs-nav").append(li);
    tabs
            .append("<div id='" + id + "'>"
                    + "<ul id='sortable1' class='connectedSortable ui-helper-reset'><li class='ui-state-default'>Im an menu item</li><div class='dragme'>...</div></ul>"
                    + "</div>");
    tabs.tabs("refresh");
    tabCounter++;
}  

クラスを含むdivを含む新しいタブを作成しますが<ul>、ソート可能である必要がありますが、そうではありません。

<li>正常に動作する静的タブにコードで新しい項目を追加します。

どうすればこの問題を解決できますか? ご協力ありがとう御座います。