jQuery UI Tabs 3和历史插件

时间:2010-03-03 20:50:37

标签: jquery jquery-ui

我正在使用Tabs如下:

<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:与mikage.to页面源代码相同的JavaScript。

当我鼠标悬停链接时,我看到附加了#value,当我点击标签时,URL会发生变化。但是当我使用浏览器的后退按钮时,标签不会改变。

当页面在URL中加载哈希值时,将运行以下JavaScript

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

但是这不会预先选择一个标签......?

1 个答案:

答案 0 :(得分:1)

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

这会将适当的页面加载到占位符(<div id="load"></div>)中 参见

来自上述example