JQuery创建选项卡，选项卡（）函数的问题[重复]答案

【问题标题】：JQuery Creating tabs, issues with tabs() function [duplicate]JQuery创建选项卡，选项卡（）函数的问题[重复]
【发布时间】：2013-08-06 11:13:37
【问题描述】：

我正在尝试理解代码 sn-p 以在我的 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>

【问题讨论】：

是的，但这是关于同一个问题的不同方面，我想知道其中的特定方法，所以开始了一个新线程..
如果要动态添加标签，可以：1）在
- ），2）在） ul> 元素，3) 然后调用tabsDiv.tabs('refresh');
是的，我明白了。但我的问题是“tabsDiv.tabs({ select: function (event, ui) { document.location = pages[ui.index][1]; return false; } }); ”在我的代码中做了什么（我得到了这个sn-p 来自论坛，所以我只是想在那里了解该功能..），当我在 Chrome 开发人员中运行此代码时。工具似乎我无法设置断点来查看它会出现什么，因为该功能被完全跳过..

标签： javascript jquery asp.net jquery-ui

【解决方案1】：

这段代码在做什么？

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

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

【讨论】：

感谢您的解释..