2

asp.net Web アプリケーションでタブを動的に作成するためのコード スニペットを理解しようとしています。私はJQueryの初心者ですが、「tabsDiv.tabs("add", '#main', pages[i][0]);」ということを理解しました。は非推奨であり、新しい実装方法でタブを機能させる方法を見つけようとしています。コードの以下の部分が理解できませんでした。

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

完全なコード:

    $(document).ready(function () {

        var pages = [
            ['Events', "/ListEvents.aspx", "/AddEvent.aspx", "UpdateOrDeleteEvent.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;
                    break;
                }
            }
            tabsDiv.tabs("add", '#main', pages[i][0]);
        }

        tabsDiv.find('li').removeClass('ui-tabs-selected ui-state-active');
        tabsDiv.find('li').eq(indexToSelect).addClass('ui-tabs-selected ui-state-active');
    });

</script>
4

1 に答える 1

0

このコードは何をしていますか?

document.location = pages[ui.index][1];

#tab1タブヘッダーが選択され、そのタブのコンテンツが表示されるように、場所を次のように変更しています。clickedフレームワークがタブ上のユーザーを認識するように、イベントを強制するだけです。

于 2013-08-06T11:47:44.547 に答える