jQuery UI Tabs 3 and history plug-in

Question

I'm using Tabs as follows:

<div id='tabs'>
  <ul>
    <li><a class='tab' href="#tabs_company_info">Company Info</a></li>
    <li><a class='tab' href="#tabs_contact">Contacts</a></li>
    <li><a class='tab' href="#tabs_products">Products</a></li>
</ul>
<div id='tabs_company_info'>
... 
</div>
<div id='tabs_contact'>
    ... 
</div>
<div id='tabs_products'>
    ... 
</div>
</div>

JavaScript: The same JavaScript as in the source of the mikage.to page.

When I mouseover the links I see the #value appended to it, and when I click the tabs the URL changes. But when I use the browser's back button, the tabs don't change.

When the page loads with a hash value in the URL the following JavaScript is run

$("#load").load(hash + ".html");

But that doesn't preselect a tab ... ?

Answer 1

$("#load").load(hash + ".html");

This loads appropriate page into the placeholder(<div id="load"></div>).
See

• 1
• 2
• 3

from the abovementioned example.