使用ajax选项卡从页面内容中链接到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页面？

这是我使用的代码，将其添加到我的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>

---

在过去的两天里，我一直在研究这个问题，使用了各种各样的答案。我发现的许多问题都是由于答案引用了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
}

---

找到此问题，但答案链接到断页