刷新页面时选择了相同的选项卡href

时间:2013-07-01 10:37:43

标签: javascript jquery ajax

我只是想添加一个我在这个jquery网站http://jqueryui.com/support/中找到的功能,所以当选择这个网站并按下特定标签时,它会打开它的内容。但是当我刷新它时会打开相同的标签。但我试图在我的代码中实现相同。对它的任何建议。

代码: -

<div class="coolbar">
    <div class="cool-inner">
        <ul id="mybar" class="nav cool-tabs">
            <li class="Coke">
                <a href="#" data-toggle="tab">Coke </a><span class="dashboard-bottom"></span>
            </li>
            <li class="Fanta">
                <a href="#" data-toggle="tab">Fanta</a><span class="Pricing-bottom"></span>
            </li>
            <li class="Pepsi">
                <a href="#" data-toggle="tab">Pepsi</a><span class="Promotion-bottom"></span>
            </li>
            <li class="Limca">
                <a href="#" data-toggle="tab">Limca</a><span class="Product-bottom"></span>                         </li>
        </ul>
    </div>
</div>

所以当我刷新我的页面时。我选择的标签必须重新加载。并且不应该加载第一个选项卡。有什么建议。请帮忙。它必须在ajax或javascript或jquery中完成

2 个答案:

答案 0 :(得分:0)

您需要确保该网址包含当前打开的标签。这将使您能够在刷新浏览器时检索该数据。使用该信息,您可以加载正确的选项卡。

在单页应用程序(SPA)中,特别是使用路径定义。

答案 1 :(得分:0)

http://www.asual.com/jquery/address/

jQuery Address插件提供强大的深层链接功能,允许创建可指向网站部分或应用程序状态的唯一虚拟地址。