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 回答