Фундаментальные вкладки Href

0

Есть ли способ, что когда вы делаете переадресацию на Href таким образом, href= "contact/# orderTab", вы могли бы, когда страница загрузится, сразу же переключится на табулятор 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>
Теги:
zurb-foundation

1 ответ

0
Лучший ответ

Я действительно нашел ответ, который добавляет в UL параметры данных = "deep_linking: true".

Это позволит автоматически переключаться в зависимости от URL-адреса, если значение после # совпадает с вкладкой, вкладка получит активный класс на нем.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню