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

标签 html css tabs

如何将默认选项卡设置为“事件”或“已查看”? 据我所知,下面的代码应该将“添加用户”设置为事件选项卡,并在页面加载时在 #addUser 中显示内容,但在我的情况下不是。添加用户选项卡未显示,我必须单击其他选项卡并再次返回添加用户选项卡才能查看内容。我错过了什么吗?我的大部分研究都让我将类(class)设置为活跃,但仍然不适合我。

<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>

最佳答案

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

关于html - 页面加载时的默认选项卡设置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42370604/

相关文章:

html - DIV - 页面的精确中心

找不到 HTML 图像(django)

javascript - 实时复制另一个文本框值Jquery

jquery - 如何将网页内容保持在用户 View 下方?

php - HTML CSS PHP 移动 div

javascript - 如何在 Materializecss 中编辑选项卡的名称?

java - 使用 "\t"(选项卡)打印不会导致列对齐

Android TabHost 选项卡在使用硬件键盘时窃取焦点

html - 如何让我的 ul 样式只适用于一个类

css - 如何向嵌套的 div 添加悬停事件?