引导标签和流星

Question

我有一个应用程序，在其中我使用Bootstrap nag-tabs处理一些相互关联的内容。 我正在尝试这样做，以便在热重装出现时重新选择最后一个选项卡。 我也正在尝试使用户导航后回到页面时重新选择上一个选定的选项卡。 这是模板：

<template name='admin'>
    <ul id='adminTabs' class='nav nav-tabs'>
        {{#if isInRole 'admin'}}
        <li class='active'><a href='#districtstab' data-toggle='tab'>Districts</a></li>
        {{/if}}

        {{#if isInRole 'admin, manage-users'}}
        <li><a href='#usertab' data-toggle='tab'>Users</a></li>
        {{/if}}

        {{#if isInRole 'admin, manage-schools'}}
        <li><a href='#schoolstab' data-toggle='tab'>Schools</a></li>
        {{/if}}

        {{#if isInRole 'admin, manage-classes'}}
        <li><a href='#classestab' data-toggle='tab'>Classes</a></li>
        {{/if}}

        {{#if isInRole 'admin, manage-lessons'}}
        <li><a href='#lessonstab' data-toggle='tab'>Lessons</a></li>
        {{/if}}

        {{>onlineuserstab}}

    </ul>
    <div class='tab-content'>
        {{#if isInRole 'admin'}}
        {{#isolate}}
        <div class='tab-pane active' id='districtstab'>
        {{>districts}}
        </div>
        {{/isolate}}
        {{/if}}

        {{#if isInRole 'admin, manage-users'}}
        {{#isolate}}
        <div class='tab-pane' id='usertab'>
        {{>users}}
        </div>
        {{/isolate}}
        {{/if}}

        {{#if isInRole 'admin, manage-schools'}}
        {{#isolate}}    
        <div class='tab-pane' id='schoolstab'>
        {{>schools}}
        </div>
        {{/isolate}}
        {{/if}}

        {{#if isInRole 'admin, manage-classes'}}
        {{#isolate}}
        <div class='tab-pane' id='classestab'>
        {{>classesTemplate}}
        </div>
        {{/isolate}}
        {{/if}}

        {{#if isInRole 'admin, manage-lessons'}}
        {{#isolate}}
        <div class='tab-pane' id='lessonstab'>
            {{>lessons}}
        </div>
        {{/isolate}}
        {{/if}}

        <div class='tab-pane' id='onlinetab'>
        {{#isolate}}
        {{>onlineusers}}
        {{/isolate}}
        </div>

    </div>
</template>

我如何轻松地完成自己的追求？

Answer 1

假设使用了哈希，并且您有一个类似/#classestab的URL，则可以只检查模板渲染中URL中的哈希，然后选择相关标签：

Template.admin.rendered = function() {
  if (window.location.hash)
    $('a[href="' + window.location.hash + '"]').tab('show');
}