页面加载时的默认选项卡设置

时间:2017-02-21 14:51:12

标签: html css tabs

如何将默认标签设置为“有效”或“已查看”? 据我所知,下面的代码应将“添加用户”设置为活动选项卡,并在页面加载时在#addUser中显示内容,但不是在我的情况下。不显示添加用户选项卡,我必须再单击其他选项卡,然后再次返回添加用户选项卡以查看内容。我错过了什么吗?我的大多数研究都让我把课程设置为活跃,但仍然不适合我。

<li role="presentation" class="active">
    <a href="#addUser" role="tab" data-toggle="tab">
     <i class="fa fa-plus"></i> Add User
    </a>
</li>

这是创建tabview的代码。

<div class="content-body">
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active">
            <a href="#addUser" role="tab" data-toggle="tab">
              <i class="fa fa-plus"></i> Add User
            </a>
        </li>
        <li role="presentation">
            <a href="#rUser" role="tablist" data-toggle="tab">
                <i class="fa fa-minus"></i> Remove User
            </a>
        </li>
        <li role="presentation">
            <a href="#eUser" role="tab" data-toggle="tab">
              <i class="fa fa-pencil-square-o"></i> Edit User
            </a>
        </li>
</div>

1 个答案:

答案 0 :(得分:0)

基于此,我唯一看到的是你忘了在最后关闭你的ul标签。