javascript - JQuery tab() メソッドの問題、タブの作成

Question

ASP.Net アプリケーションのタブを作成しようとしたときに、JQuery のエラーを見つけようとしています (私は JQuery の初心者です)。

以下は、Chorme Dev.tool を使用してデバッグしようとしたときに、「タブウィジェットインスタンスにそのようなメソッド 'add' がありません」というエラーが見つかり、「tabsDiv.tabs("add", '#main', pages [i][0]);" 「add」メソッドが新しいバージョンの JQuery から非推奨になったため、これは機能しなくなりました。これを克服する方法を見つけるのを手伝ってくれる人はいますか??

<script type="text/javascript">

    $(document).ready(function () {

        var pages = [
            ['Events', "/Listings.aspx", "/AddEvent.aspx", "UpdateOrDelete.aspx"],
            ['Performance', "/Performance.aspx"]
        ];

        var myPage = '<%=Request.Path %>';

        var tabsDiv = $('#masterTabsDiv');

    tabsDiv.tabs({
        select: function (event, ui) {
            document.location = pages[ui.index][1];
            return false;
        }
    });
    var indexToSelect = 0;

    for (var i = 0; i < pages.length; i++) {
        for (j = 0; j < pages[i].length; j++) {
            if (pages[i][j] == myPage) {
                indexToSelect = i;
                window.alert("set block 2");
                break;
            }
        }
        tabsDiv.tabs("add", '#main', pages[i][0]);
    }
    window.alert("set block 4");
    tabsDiv.find('li').removeClass('ui-tabs-selected ui-state-active');
    tabsDiv.find('li').eq(indexToSelect).addClass('ui-tabs-selected ui-state-active');
});
</script>

ありがとう、ラーム