jquery - 使用 ajax 选项卡从页面内容中链接到 JQuery 选项卡

Question

我正在尝试从页面内容中执行此链接到 JQuery 选项卡

但是我的页面是从其他页面加载的

<ul>
    <li><a href="#profile">Profile</a></li>
    <li><a href="/account/honors.jsp">Honors</a></li>
    <li><a href="/account/history.jsp">History</a></li>
    <li><a href="/account/following.jsp">Following</a></li>
</ul>

如何引用 ajax 页面？

Answer 1

这是我使用的代码，将其添加到我的 onload 函数中。

function jumpToTab() {
    hashNum = window.location.hash.replace('\#','');
    $("#profileTabs").tabs('select',hashNum);
}

jumpToTab();    

$(window).bind('hashchange', function() {
   jumpToTab();
});

链接看起来像

<a href="tabsPage">Tab One</a>
<a href="tabsPage#1">Tab Two</a>
<a href="tabsPage#2">Tab Three</a>

Answer 2

在过去的两天里，我一直在研究这个问题，使用了各种答案。我发现的许多问题是由于Answers引用了旧版本的jqueryui。

以下适用于 jqueryui 1.12.1

我将以下代码添加到 jqueryui 模式的按钮单击中

"Switch To Next Tab": function() {
            $( this ).dialog( "close" );//Close the modal
            $('#modal1body').empty;//empty the div container form current modal
            $('#tabs .ui-tabs-active')//remove the active classes for all tabs
                .removeClass("ui-tabs-active")
                .removeClass("ui-state-active");
            $('#tabs').tabs({ active: 1});//Set new tab = current tab + 1
}