Jquery UI选项卡：可以将选项卡URL作为浏览器URL吗？

Question

我有一个标签结构，如下所示：

<div id="tabs">
    <ul class="tabnames">
        <li><a href="home.html" id="reportTabUrl">Reports</a></li>
        <li><a href="about.html">Create Dashboard</a></li>
        <li><a href="services.html">Manage Dashboard</a></li>
        <li><a href="product.html">Manage Widget</a></li>
        <li><a href="contact.html">Permissions</a></li>
    </ul>
</ul>

我想知道当我点击www.sampleurl.com/home.html

时，浏览器是否可以反映活动标签的网址，即www.sampleurl.com而不是<li><a href="home.html" id="reportTabUrl">Reports</a></li>

Answer 1

JQueryUI选项卡的想法是使用Ajax调用加载页面并在不重新加载的情况下改善用户体验。

www.sampleurl.com是一个单独的页面，www.sampleurl.com/home.html是另一个页面，www.sampleurl.com/about.html是另一个页面，依此类推。如果您需要这种行为，您的用户需要在网页后加载网页。

默认情况下，JQueryUI Tabs使用Ajax加载内容，因此您的愿望行为与此插件不兼容。