jquery - 基础选项卡 Href

标签 jquery html css zurb-foundation

有没有一种方法,当您以 href="contact/#orderTab"的方式在 Href 上进行重定向时,您可以在页面加载时立即切换选项卡 orderTab ?

div class="medium-3 columns account-menu">
    <dl id="accountTabs" class="tabs vertical full plain" data-tab>
        <dd class="active"><a href="#detailsTab" id="my-account-details"><i class="fa fa-male fa-fw"></i> My Details</a></dd>
        <? if($has_account): ?>
        <dd><a href="#profileTab" id="my-account-profile"><i class="fa fa-user fa-fw"></i> My Profile</a></dd>
        <dd><a href="#locationTab" id="my-account-location"><i class="fa fa-map-marker fa-fw"></i> My Location</a></dd>
        <? endif ?>
        <dd><a href="#favouritesTab" id="my-account-favourites"><i class="fa fa-star fa-fw"></i> My Favourites</a></dd>
        <dd><a href="#ordersTab" id="my-account-orders"><i class="fa fa-credit-card fa-fw"></i> Orders &amp; Payment Info</a></dd>
        <? if($has_account): ?>
        <dd><a href="#membershipTab" id="my-account-membership"><i class="fa fa-info-circle fa-fw"></i> Membership Details</a></dd>
        <? endif ?>
        <dd><a href="#helpTab" id="my-account-help"><i class="fa fa-question-circle fa-fw"></i> Help &amp; Support</a></dd>
    </dl>
</div>

重定向在这里:

<a class="button" href="<?= root_url('account/#ordersTab') ?>">Return to the order list</a>

最佳答案

我实际上找到了向 UL 添加 data-options="deep_linking: true"的答案。

这将允许根据 URL 自动切换,如果 # 之后的值匹配一个选项卡,该选项卡将获得事件类。

关于jquery - 基础选项卡 Href,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22600923/

相关文章:

javascript - 如何打开模态jquery并从表中获取单元格值?

javascript - set超时问题

jquery - 如何为鼠标离开事件设置 jQuery UI 自动完成列表的样式?

javascript - 同一页面上的三种形式,一种提交按钮。需要它提交到mysql数据库中的一行

jquery - 如何改进包括 css 和 jquery 文件的页面加载

javascript - Ted Talk 视频的 HTML5 字幕

html - 仅删除 ul 中的元素符号

css - 如何更改丰富的 InputNumberSlider 中的指标?

jquery - 使用 CSS 禁用 SVG mouseclick 事件

javascript - 来自父级的 iFrame 点击监控