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

refreshing a page with same tab href selected

本文关键字:href 选项 选择 刷新      更新时间:2023-09-26

我只想添加一个在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 中完成

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

在单页应用程序(SPA)中,这尤其是通过使用路由定义来完成的。

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

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