Question

我正在尝试理解代码片段，以便在我的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>

Answer 1

这段代码在做什么？

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

它正在将位置更改为#tab1，以便选择标签页并显示该标签的内容。它只是强制一个事件，以便框架在选项卡上知道用户clicked。

JQuery创建选项卡，使用tabs（）函数

1 个答案: