Question

I am trying to do this Link to JQuery Tab from within page content

But my pages are loaded from other pages like so

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

How do I reference the ajax pages?

Answer 1

This is the code I used, added this to my onload function.

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

jumpToTab();    

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

Links look like

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