Question

我正在尝试这样做Link to JQuery Tab from within page content

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

<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
}

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

2 个答案: