Javascript JQuery tabs（）方法问题，选项卡创建

当我试图为我的ASP.Net应用程序创建选项卡时，我试图找出JQuery的一个错误。我是JQuery的新手

下面是我正在尝试的代码，当我尝试使用Chorme Dev.tool进行调试时发现错误没有为tabs小部件实例添加这样的方法，我发现tabsDiv.tabsadd，'main'，pages[I][0]；这不再有效，因为较新版本的JQuery不推荐使用add方法。 谁能帮我找到克服这个问题的方法

<script type="text/javascript">

    $(document).ready(function () {

        var pages = [
            ['Events', "/Listings.aspx", "/AddEvent.aspx", "UpdateOrDelete.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;
                window.alert("set block 2");
                break;
            }
        }
        tabsDiv.tabs("add", '#main', pages[i][0]);
    }
    window.alert("set block 4");
    tabsDiv.find('li').removeClass('ui-tabs-selected ui-state-active');
    tabsDiv.find('li').eq(indexToSelect).addClass('ui-tabs-selected ui-state-active');
});
</script>

谢谢，

---

Raam

由于jQueryUI1.10，您需要向DOM中添加一个新的li元素，然后调用.tabsrefresh，因此您的代码类似于

var tabsDiv = ('#masterTabsDiv');
tabsDiv.find('ul').append("<li><a href='#newTab'>New Tab</a></li>");
tabsDiv.append("<div id='newTab'>New content</div>");
tabsDiv.tabs("refresh");

---

由于jQueryUI1.10，您需要向DOM添加一个新的li元素，然后调用.tabsrefresh，因此您的代码类似于

var tabsDiv = ('#masterTabsDiv');
tabsDiv.find('ul').append("<li><a href='#newTab'>New Tab</a></li>");
tabsDiv.append("<div id='newTab'>New content</div>");
tabsDiv.tabs("refresh");

---

谢谢你的答复，我知道了。。我只是想知道这个函数做什么？我知道它在添加选项卡，但document.location=pages[ui.index][1]有什么作用；意思是对不起，我是JQuery的新手。。tabsDiv.tabs{select:function事件，ui{document.location=pages[ui.index][1]；window.alertdocument.location；返回false；}document.location已被弃用很长时间，您应该改用window.location。它所做的似乎是在单击选项卡时通过重定向浏览器手动触发选项卡打开-但我不太确定。我认为您不需要它，您可以尝试使用.tabs，看看它是否停止工作吗？谢谢，另一个c在此基础上，我有一个页面数组var pages=[['Events'，/Listings.aspx，/AddEvent.aspx，UpdateOrDelete.aspx]，'Performance'，/Performance.aspx]]；我该如何手动添加到？谢谢你的回复，我知道了..我只是想知道这个函数做什么？我知道它在添加选项卡，但document.location=pages[ui.index][1]是什么意思？很抱歉，我是JQuery的新手..tabsDiv.tabs{select:function event，ui{document.location=pages[ui.index][1]；window.alertdocument.location；返回false；}document.location已被弃用很长时间，您应该改用window.location。它所做的似乎是在单击选项卡时通过重定向浏览器手动触发选项卡打开-但我不太确定。我认为您不需要它，您可以尝试使用.tabs，看看它是否停止工作吗？谢谢，另一个c关于这一点，我有一个页面数组var pages=[['Events'，/Listings.aspx，/AddEvent.aspx，UpdateOrDelete.aspx]，'Performance'，/Performance.aspx]]；我如何手动添加它？？