JQuery正在创建选项卡，tabs(）函数出现问题

JQuery Creating tabs, issues with tabs() function

本文关键字：函数 问题 tabs 创建 选项 JQuery      更新时间：2023-09-26

我正在努力理解在我的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>

这个代码在做什么？

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

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

相关文章：